Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
3030 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  [Web] Comment faire ça ?

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Web] Comment faire ça ?

n°217256
panzemeyer
The torture never stops
Posté le 24-01-2003 à 18:29:54  profilanswer
 

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 ?  :??:

mood
Publicité
Posté le 24-01-2003 à 18:29:54  profilanswer
 

n°217259
djezusss
Posté le 24-01-2003 à 18:33:32  profilanswer
 

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
n°217266
djezusss
Posté le 24-01-2003 à 18:39:19  profilanswer
 

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
n°217280
panzemeyer
The torture never stops
Posté le 24-01-2003 à 18:52:00  profilanswer
 

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]


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  [Web] Comment faire ça ?

 

Sujets relatifs
Utilisation des couleurs Web sécuriséesLes étapes de la crétion d'une interface Web
[Concours #22] : Web Design : Resultats[Concours # 22] Web Design => Les votes
[ Web desing ] Vous en pensez quoi ? ( Test navigateurs bienvenus )[Web Design] Comment on "arrondi" les cases des tableaux ?
[WEB] site dans une popup[WEB] Vos avis sur une de mes realisations
[Concours #22] Concours de Web Design 
Plus de sujets relatifs à : [Web] Comment faire ça ?

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.050 secondes

Copyright © 1997-2025 Groupe LDLC (Signaler un contenu illicite / Données personnelles)