[Web] Comment faire ça ?

Comment faire ça ? [Web] - Web design - Graphisme

Marsh Posté le 24-01-2003 à 18:29:54    

http://www.teddy-smith.com/portail.html
 
Le menu qui affiche l'image à gauche quand on passe dessus. Je voudrais savoir s'il y a moyen de faire la même chose mais sans utiliser de flash, que je préfère éviter dans la mesure du possible.  
 
Une idée ?  :??:

Reply

Marsh Posté le 24-01-2003 à 18:29:54   

Reply

Marsh Posté le 24-01-2003 à 18:33:32    

En java script, sur le onMouseOver de tes liens, tu changes le src de ton image de gauche.
Un petit preload de tes images dans le onload du body aussi ...


Message édité par djezusss le 24-01-2003 à 18:34:02
Reply

Marsh Posté le 24-01-2003 à 18:39:19    

Un petit Afficher la source nous donne :

Citation :


<script language="JavaScript">
<!--
 
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_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_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>
<script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>


Citation :


<BODY BGCOLOR=#FFFFFF onLoad="MM_preloadImages('images/image-teddy.jpg','images/image-tsi.jpg','images/image-desize.jpg','images/image-school.jpg';)">


Citation :


<img src="images/portail_03.jpg" width=369 height=288 name="jeans">


Citation :


<a href="teddy/teddy-smith.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('jeans','','images/image-teddy.jpg',1)">


Message édité par djezusss le 24-01-2003 à 18:40:27
Reply

Marsh Posté le 24-01-2003 à 18:52:00    

djezusss a écrit :

Un petit Afficher la source nous donne :

Citation :


<script language="JavaScript">
<!--
 
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_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_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>
<script language="JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>


Citation :


<BODY BGCOLOR=#FFFFFF onLoad="MM_preloadImages('images/image-teddy.jpg','images/image-tsi.jpg','images/image-desize.jpg','images/image-school.jpg';)">


Citation :


<img src="images/portail_03.jpg" width=369 height=288 name="jeans">


Citation :


<a href="teddy/teddy-smith.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('jeans','','images/image-teddy.jpg',1)">



Oki merci  :jap: c'est vrai que j'aurais dû avoir le réflexe de regarder la source  [:jln2]

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed