Comment afficher une image dans un div au survol d'un lien?

Marsh Posté le 20-07-2008 à 16:03:51

Salut à vous tous,

Voici mon soucis. J'avais déjà un script permettant de remplacer une image par une autre au survol d'un lien.
Maintenant, je voudrais juste pouvoir l'adapter (mais je n'y arrive pas) pour pouvoir toujours afficher une image au survol d'un lien, mais sans avoir d'image affichée au départ. Donc qu'une image s'affiche dans un div "survol", spécialement placé près du lien, au survol de celui-ci.
Voici le code que j'ai déjà. merci de m'aider pour l'adaptation...

Code :

<script type="text/javascript">
if (document.images)
{
preload = false;
url = new Array();
url[0] = "";
url[1] = "../../../images/arbre.jpg";
var i = 0;
for(i=0; i<4; i++)
{
tmp = new Image(895, 410)
tmp.src = url[i];
}
preload = true;
}
function changeImage(img_index) {
if (document.images && (preload == true)) {
document.getElementById("survol" ).src = url[img_index];
}
}
</script>

Code :

<div id="main">
<p align="center" class="pave_main">Voir ici:<a href="#" onmouseover="changeImage(1); return false;" onmouseout="changeImage(0); return false;">Lien à survoler</a>. </p>
<div id="survol"></div>
</div>

Reply

Marsh Posté le 20-07-2008 à 16:03:51

Reply

Marsh Posté le 20-07-2008 à 19:09:15

Bouh....

script type="text/javascript">...

pas bien !!!
dangereux !!!
bloqué par la plupart des navigateurs !!!

Message cité 2 fois

---------------
http://www.ypikay.com

Reply

Marsh Posté le 21-07-2008 à 11:42:05

ah ok... merci du conseil, et pour mon problème, c'est pas possible? ou meme d'une autre manière?

Reply

Marsh Posté le 21-07-2008 à 14:20:18

erwan83 a écrit :

Bouh....

script type="text/javascript">...

pas bien !!!
dangereux !!!
bloqué par la plupart des navigateurs !!!

tu me donneras la vraie raison pour laquelle tu sors cette énorme connerie [:petrus75]

Message édité par gatsu35 le 21-07-2008 à 14:20:25

Reply

Marsh Posté le 21-07-2008 à 14:30:56

erwan83 a écrit :

Bouh....

script type="text/javascript">...

pas bien !!!
dangereux !!!
bloqué par la plupart des navigateurs !!!

[:cerveau chrisbk]

et tu fais comment alors ?

Reply

Marsh Posté le 22-07-2008 à 09:38:10

Mis à part cela, y a-t-il une solution pour moi ou est-ce impossible à faire? Merci...

Reply

Marsh Posté le 22-07-2008 à 10:19:45

en CSS [:petrus75]

Code :

a.montruc { background:url(image1.png); }
a.montruc:hover {background:url(image2.png);}

Reply

Marsh Posté le 22-07-2008 à 11:04:50

Si j'ai bien compris, il ne faut pas modifier l'image du lien, mais l'image d'un div tiers !

---------------
Kao ..98 - Uplay (R6S) : kao98.7.62x39 - Origin (BF4, BF1) : kntkao98

Reply

Comment afficher une image dans un div au survol d'un lien?

Sujets relatifs:

Leave a Replay