Non Résolu

Link preload SVG

Bonjour,


Je voudrais preload un SVG loader (quand la page est en chargement) en faisant un link preload afin que quand la page charge, on voit en premier le loader (car actuellement on voit une micro seconde une image avant le loader du coup ça fait bizarre) mais je ne vois pas comment faire. Je me dis peut être en appelant l'id du loader ?


Voici mon loader directement dans mon fichier template.php :


<div id="loader" class="show fullscreen col-12"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#096BDC"/></svg></div>


Quand je vais dans le network du navigateur, le chemin de mon SVG est : data:image/svh+xml:base64 mais du coup je sais pas quoi mettre dans le href du link preload.


Merci d'avance pour vos réponses.

486 vues
03 juillet 2021 à 1:49 (Édité)
Cette pub permet au site de vivre ...

5 commentaires

Re @Robiox :


Nous n'avons reçu aucune réponse de ta part, je ferme ce topic ! 😉

Lorsque tu auras besoin d'aide, pense à être un minimum actif sur ton topic et répondre aux questions posées afin que les internautes ayant le même problème que toi puissent connaître la ou les solution(s) 😉


Néanmoins, bonne continuation à toi 😎

Bonsoir @Robiox :


Nous n'avons pas eu de retour de ta part...

Ton problème est-il résolu ? 🤔


Bonne soirée à toi

Re:


Parfait !

Tiens-nous au courant et n'hésite surtout pas 😉

Hey @Jerem971,


Je vais checker ça, merci 😉

Hello @Robiox,


Je pense que ce tuto et ce tuto de Jonathan (Grafikart) pourront t'aider 😉

Dis-moi si cela correspond bien à ton besoin...

Cette pub permet au site de vivre ...