Impossible d'afficher mon image dans le javascript pied de page

[dolce]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Autre
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 17/02/2021
Lien du forum : http://mesamisetmoi.forumactif.com/

Description du problème

Bonjour,

N'étant pas très douée en codes je viens vers vous, je voudrais insérer cette image ( je réalise moi-même mes thèmes)

dans le javascript pied de page mais impossible d'y arriver je n'arrive qu'à afficher le lien de l'image celle-ci n'apparait pas...

J'utilise pourtant ce code renseigné dans "Insérer son propre pied de page"

Code:

$(function()  {
  $("#page-footer,#gfooter,#pun-foot").eq(0).append("XXX");
});

J'ai essayé de convertir l'image en html avec un convertisseur mais ça ne fonctionne pas.

Quelqu'un pourrait-il me dire quel code je dois mettre dans les javascript?

Un énorme merci d'avance!

[Neptunia]

Bonsoir ^^

Pour personnaliser votre pied de page, il suffit de remplacer les XXX par votre texte et/ou code HTML.

Le script fourni fonctionne parfaitement avec un code HTML !
Par quoi avez-vous remplacé ("XXX") ??

[dolce]

Après la conversion j'ai obtenu ceci... comme je vous dit je n'ai aucune idée si j'ai procédé de la bonne façon...

file:///C:/Users/veron/Downloads/signature%20th%C3%A8me%20(6).html

[Neptunia]

Pour les bases du HTML :
Le HTML – Comment ça marche ?
Vous avez déjà la base pour afficher une image en html mais ...

... le tutoriel est plutôt rustique et incomplet.
Une balise <img> va contenir un attribut src pour indiquer la source de l'image (son lien chez Casimages) et devrait contenir un atribut alt (même vide) pour être conforme aux standards. C'est ce point qu'oublie le tuto.
Voici un lien de référence sur la balise <img>
<img> : l'élément d'image embarquée - MDN Web Docs
Vous avez maintenant de quoi faire une jolie balise img conforme aux standards HTML.

Toute balise ouverte doit être refermée : Soit vous utilisez la syntaxe <img ...></img>. Soit vous utilisez une balise auto fermante <img ... /> c'est ce format que j'ai retenu pour le bloc de code javascript qui suit. Le même format que les <br /> (sauts de ligne)

Reste un dernier point avant de composer votre code javascript.
Comme le code HTML utilisera des guillemets doubles ", il vous faudra insérer ce code entre guillemets simples ' dans le contenu du javascript.

Votre code final va donc ressembler à ceci :

Code:

   $(function()  {
      $("#page-footer,#gfooter,#pun-foot").eq(0).append('<img ... />');
    });

A vous de jouer en remplaçant correctement les ...

[dolce]

Un tout grand merci je vais tenter de faire ça demain , bonne fin de soirée à vous!