Changement d'image au survol de la souris

[Juliiie fOrever]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://jzenatti.forumactif.com

Description du problème

Bonjour !
En fait, on aimerait faire en sorte qu'une image se transforme en une autre au survol de la souris mais, j'ai beau chercher dans les codes, simples ou compliqués, rien à faire, l'image reste fixe ...
J'ai tenté
<img src= "https://2img.net/r/hpimg11/pics/253825essai1.png" onmouseover="image.src= 'https://2img.net/r/hpimg11/pics/345117essai1bis.png'" onmouseout="image.src= 'https://2img.net/r/hpimg11/pics/253825essai1.png'"  /> (sans les espaces) et j'ai une image fixe ...
Pourriez vous m'aider à trouver les bons codes ? (c'est pour faire une sorte de calendrier de l'avent pour nos membres )

Merci d'avance

[Feuilla']

Bonjour,
si c'est fait pour être installé dans un message, dans votre Feuille de style CSS, collez ceci :

Code:

.tablecalendrier {
  background-image:url("adressedemonimage");
  background-color:transparent;
  font-size:1.1em;
  color:#ff0000;
  width:80%
    height:500px;
}
.tablecalendrier:hover {background-image:url("adressedemonimage")}

Le première adresse est celle de l'image normale, sans survol. La suivante sera celle du survol.
Puis dans un message, ceci :

Code:

[table class="tablecalendrier"][tr][td]Mon message ici[/td]
[/tr]
[/table]

Bonne journée !

[Juliiie fOrever]

Merci pour l'aide
La feuille CSS je la trouve où ? dans mon panneau d'admin ?

[Feuilla']

Re,

La feuille CSS je la trouve où ? dans mon panneau d'admin ?

désolée de ne pas l'avoir précisé, votre profil indiquait une Feuille de style personnalisée !
Oui dans le Panneau d'administration → Affichage → Images et Couleurs → Couleurs → Feuille de style.
Bonne journée !

[Juliiie fOrever]

Pas de souci, ma feuille CSS est bien personnalisée mais on est 3 à travailler dessus
Par contre j'ai fait tout ce que tu m'as conseillé et pas moyen de faire changer l'image ... :s
J'ai ajouté les codes dans la feuille CSS et ai voulu poster un message avec les 2emes codes mais rien à faire :/

[Feuilla']

Re-Bonjour,
c'est étrange, car cela fonctionne parfaitement sur mon forum.
Qu'avez-vous mis dans le CSS, et qu'avez-vous mis dans le message ? (il y a peut-être une erreur)
Merci !

[Juliiie fOrever]

Bizarre :s

Dans le CSS :
.tablecalendrier {
background-image:url("https://2img.net/r/hpimg11/pics/253825essai1.png");
background-color:transparent;
font-size:1.1em;
color:#ff0000;
width:80%
height:500px;
}
.tablecalendrier:hover {background-image:url("https://2img.net/r/hpimg11/pics/345117essai1bis.png")}

Dans le message :

Cadeau

(et j'ai tenté une autre fois de mettre l'image mais pareil, ça ne change pas :s)

[Feuilla']

Re,
j'ai collé le CSS exact et collé le code du tableau sans rien changer, et l'image fonctionne bien.
Peut-être est-ce le chargement des images qui ne les laisse pas apparaître immédiatement ?
Sur mon forum elles ont pris un rien de temps supplémentaire que d'habitude pour charger, avant que plus rien ne bouge. Par exemple ici les smileys n'arrivent pas immédiatement, ils chargent quelques secondes avant de faire leur apparition (par exemple le smiley ci-dessus).

---

Sinon n'hésitez pas à mettre vos codes sous balises code (dans la barre d'outils, ou en tapant

Code:

[code]Code ici[/code]

C'est plus pratique, et encore plus pour les tableaux, qui se forment sans ces balises.

Ce texte est entouré d'un tableau.

Code:

[table][tr][td]Ce texte est entouré d'un tableau.[/td][/tr][/table]

Bonne journée !

[Juliiie fOrever]

Re ^^

Etrange, je viens de refaire le test chez moi et j'ai toujours le souci ... une partie de l'image apparait sous mon "cadeau" mais pas toute ... meme en attendant ..
Ca peut etre du au fait que mon CSS soit modifié ? (j'ai mis les codes tout à la fin de la page CSS si jamais ...)

[Juliiie fOrever]

Bizarrerie numero 2 ... Si je mets des espaces avant mon texte et sur le coté ... mon image apparait et se modifie sans souci ... mais du coup, mon message ressemble à ça :

Code:

[table class="tablecalendrier"][tr][td]




























                                                                                                                                               [/td]
[/tr]
[/table]

[Feuilla']

Re,
il faudrait peut-être poster un message avec le tableau, je le regarde et je vois si ça fonctionne pour moi...
Pourtant en essayant de mon côté tout marche...
Bravo pour les balises code !

[Juliiie fOrever]

Merci beaucoup pour l'aide en tout cas
Au pire ça marche comme ça, c'est déjà top !!

[Feuilla']

Re,
avec plaisir.
Bonne continuation !

[Juliiie fOrever]

Merci beaucoup