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

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Comment afficher une image dans un div au survol d'un lien?

bingojm

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>

Publicité

erwan83

Du Shift DEL tu te méfieras !

Bouh....

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

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

Message cité 2 fois

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

bingojm

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

gatsu35

Blablaté par Harko

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

bricocoman

j'aime les modos

erwan83 a écrit :

Bouh....

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

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

[:cerveau chrisbk]

et tu fais comment alors ?

bingojm

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

gatsu35

Blablaté par Harko

en CSS [:petrus75]

Code :

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

kao98

...

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

FORUM HardWare.fr

Programmation

HTML/CSS

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

Sujets relatifs
Menu déroulant au survol d'une image réactive	probleme d'affichage d'image en php
HTML,PHP,JAVASCRIPT et image...	Inserer une image dans PowerPoint via PHP
(résolu) [Shell] Afficher la commande avant exécution	Parametre JS pour afficher contenu frame
Comment permettre a un visiteur de charger une image sur mon site	Afficher Background puis éléments de la page!
lien src en javascript
Plus de sujets relatifs à : Comment afficher une image dans un div au survol d'un lien?

Page générée en 0.041 secondes