Question en HTML
akkira
Messages postés
24
Date d'inscription
Statut
Membre
Dernière intervention
-
Marden Messages postés 1072 Date d'inscription Statut Membre Dernière intervention -
Marden Messages postés 1072 Date d'inscription Statut Membre Dernière intervention -
Cela va surement vous paraitre dérisoire mais j'aimerais savoir comment faire pour que lorsque l'utilisateur met sa souris sur une image de lien cette image change (holà pas facile comme phrase ca...)
Je vous remercie d'avance
akkira
Webmaster de l'Antre Cyberpunk
http://www.antrecyberpunk.be.tf
Je vous remercie d'avance
akkira
Webmaster de l'Antre Cyberpunk
http://www.antrecyberpunk.be.tf
A voir également:
- Question en HTML
- Editeur html - Télécharger - HTML
- Espace en html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
- Html download - Télécharger - HTML
2 réponses
Salut,
Dans dreamweaver c'est une image survolée. sinon voila le code avec les 2 images qui ont pour nom "première image" et deuxième image"
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
Puis entre les bornes <Body> tu met :
<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('file:Première image')">
<a href="www." onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','file:Première image',1)"><img name="Image1" border="0" src="file:deuxième image" width="800" height="600"></a>
</body>
Voila j'espère que cela t'aidera.
Entre les bornes <head> tu mets :
Elmine - CF2
Dans dreamweaver c'est une image survolée. sinon voila le code avec les 2 images qui ont pour nom "première image" et deuxième image"
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
Puis entre les bornes <Body> tu met :
<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('file:Première image')">
<a href="www." onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','file:Première image',1)"><img name="Image1" border="0" src="file:deuxième image" width="800" height="600"></a>
</body>
Voila j'espère que cela t'aidera.
Entre les bornes <head> tu mets :
Elmine - CF2
Et pourquoi un truc compliqué comme çà ne conviendrait pas ?
<HEAD>
<SCRIPT>
var fig1 = new Image() ;
fig1.src = "image1.jpg" ;
var fig2 = new Image() ;
fig2.src = "image2.gif" ;
</SCRIPT>
</HEAD>
<BODY>
<A HREF="mon_lien.htm"
onMouseOver="imag.src=fig2.src;"
onMouseOut="imag.src=fig1.src;">
<IMG NAME="imag" SRC="image1.jpg" BORDER=1>
</A>
</BODY>
<HEAD>
<SCRIPT>
var fig1 = new Image() ;
fig1.src = "image1.jpg" ;
var fig2 = new Image() ;
fig2.src = "image2.gif" ;
</SCRIPT>
</HEAD>
<BODY>
<A HREF="mon_lien.htm"
onMouseOver="imag.src=fig2.src;"
onMouseOut="imag.src=fig1.src;">
<IMG NAME="imag" SRC="image1.jpg" BORDER=1>
</A>
</BODY>
y'a rien de plus facile?
lol moi je croyais que ct juste une petite balise à rajouter :(
'fin merci qd même pour ta réponse :-)
akkira
Webmaster de l'Antre Cyberpunk
http://www.antrecyberpunk.be.tf
Elmine - CF2
En plus facile:
<SCRIPT LANGUAGE="JavaScript">
var img1 = new Image();
function init() {
img1.src = "1er image.ext";
}
function highlight(img) {
document[img].src = img + ".ext";
}
</SCRIPT>
function unhighlight(img) {
document[img].src = img + ".ext";
}
<a onMouseOver="highlight('Nom de la 2nde image');" onMouseOut="unhighlight('Nom de la 1er image');"><img border="0" Name="Name of image" src="Image 1"></a>
That's all.
Bye
Kris©2002
Elmine - CF2
Webexpert le fait aussi très bien tout seul :-)
merci qd même à vous 2
le résultat peut etre vu sur http://users.skynet.be/antrecyberpunk/sommaire.html
les remarques sont bien entendu les bienvenues
akkira
Webmaster de l'Antre Cyberpunk
http://www.antrecyberpunk.be.tf