là je sèche....help please (rollover inside)

là je sèche....help please (rollover inside) - Graphisme

Marsh Posté le 10-05-2002 à 17:47:47    

bon j'ai une série de boutons qui se chevauche, et pour faire le rollover de couleur je suis donc obligé au niveau de la découpe de couper chaque bouton en deux partie!  
 
iiiiiiillussstration[:veryfree] :
 
http://mapage.noos.fr/lila.mae/images/boutonprojet.gif
 
l'idée c'est qu'il faut que quand je passe sur la partie 1, le rollover s'opère sur la partie 1 et 2! et biensur lorsque j'enlève le curseur, faut que le restaure s'opère sur les deux aussi!
 
j'arrive a faire le rollover sur les deux, mais pas le "image restore" sur les deux (seul l'image 2 se restore)!
 
quelqu'un aurait-il une idée, un script, la démarche sous dreamweaver (calques ou tableau), enfin toute aide serai la beinvenue  [:poisse]

Reply

Marsh Posté le 10-05-2002 à 17:47:47   

Reply

Marsh Posté le 10-05-2002 à 18:30:41    

et pourquoi tu ne fais pas une seule image ?  
 
et montre ton code actuel.

Reply

Marsh Posté le 10-05-2002 à 18:46:20    

je fais pas une seule image parce que vu que les bouton se chevauchent, pour que le rollover puisse s'opérer sur chaque bouton indépendemment, je ne vois pas comment je pourait faire qu'une seule image par bouton! En m^m temps la logique et moi ça fait 2....
 
le code (généré par dreamweaver et remodifié comme j'ai pu...je suis une brêle en javascript):
 
<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>
</head>
 
<body onLoad="MM_preloadImages('images/eexellweb_
bis_r2_c1.gif','images/eexellweb_bis_r
2_c2.gif';)">
 
<table align="center" width="" cellspacing="0" cellpadding="0" border="0">
 
<tr>
    <td colspan="7"><img src="images/eexellweb_r1_c1.gif" width="444" height="243" border="0" alt=""></td>
</tr>
 
<tr>
    <td align="right" width="111"><a href="javascript:;" onMouseOut="MM_swapImgRestore('btn1',
'','images/eexellweb_bis_r2_c1.g
if',2);MM_swapImgRestore('btn2',
'','images/eexellweb_bis_r2_c2.g
if',2)" onMouseOver="MM_swapImage('btn1',�
39;','images/eexellweb_bis_r2_c1.gif&
#039;,1);MM_swapImage('btn2','&
#039;,'images/eexellweb_bis_r2_c2.gif'
,1)"><img src="images/eexellweb_r2_c1.gif" width="111" height="45" border="0" alt="" name="btn1"></a></td>

Reply

Marsh Posté le 10-05-2002 à 19:03:18    

aucune idée pour le js, lire le code dreamweaver = urrrgh.
 
pour une seule image, si toutes tes images ont la même taille, tu peux les déclarer en relative l'une par rapport à l'autre, eg :
 
<img src='1.gif'>
<img src='2.gif' style="position: relative; left: -8px;">
 
etc.

Reply

Marsh Posté le 10-05-2002 à 19:11:37    

elles ne font pas toutes la m^m taille, et ce n'est pas le positionnement qui me pose probléme, mais juste le restore image!
lorsque je "mouse out" il n'y a qu'une image sur les deux qui se restore  :cry:  
 
merci tout de m^m

Reply

Marsh Posté le 10-05-2002 à 20:41:37    

YAAAIIIIIISSSSSSSSSSSSSSSS...........and the sun started shining

Reply

Marsh Posté le 10-05-2002 à 20:52:21    

va sur www.nascar.com
et regarde le menu
 
edit : arf non, c pas du roll-over

 

[jfdsdjhfuetppo]--Message édité par vektorDirect le 10-05-2002 à 20:53:09--[/jfdsdjhfuetppo]

Reply

Marsh Posté le 10-05-2002 à 21:00:41    

Ptain je le trouve vraiment chiard ton code rollover. :ouch:
Le mien :

Code :
  1. <Script Language="JavaScript">
  2. isamap = new Object();
  3. isamap[0] = "_df"
  4. isamap[1] = "_ov"
  5. isamap[2] = "_ot"
  6. isamap[3] = "_dn"
  7. function isimgact(id, act)
  8. {
  9. if(document.images) document.images[id].src = eval( "isimages." + id + isamap[act] + ".src" );
  10. }
  12. if (document.images) { // ensure browser can do JavaScript rollovers.
  13. isimages = new Object();
  14. isimages.Rollover1_df = new Image();
  15. isimages.Rollover1_df.src = "images/image1.gif";
  17. isimages.Rollover1_ov = new Image();
  18. isimages.Rollover1_ov.src = "images/rollover2.gif";
  20. isimages.Rollover2_df = new Image();
  21. isimages.Rollover2_df.src = "images/image2.gif";
  23. isimages.Rollover2_ov = new Image();
  24. isimages.Rollover2_ov.src = "images/rollover2.gif";
  25. }
  26. </Script>


 
Et ca à l'endroit où tu veux la/les image(s) :

Code :
  1. <a Href="lien.htm" OnMouseOut="isimgact( 'Rollover1',0)" OnMouseOver="isimgact( 'Rollover1',1)" ><Img Src="images/image1" Border="0" Name="Rollover" Alt="Rollover" width="134" height="21"></a>


 
Tu copies/colles ce qui est en gras pour le nombre de rollovers au total.


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 10-05-2002 à 21:50:42    

Pinzo a écrit a écrit :

Ptain je le trouve vraiment chiard ton code rollover. :ouch:
Le mien :

Code :
  1. <Script Language="JavaScript">
  2. isamap = new Object();
  3. isamap[0] = "_df"
  4. isamap[1] = "_ov"
  5. isamap[2] = "_ot"
  6. isamap[3] = "_dn"
  7. function isimgact(id, act)
  8. {
  9. if(document.images) document.images[id].src = eval( "isimages." + id + isamap[act] + ".src" );
  10. }
  12. if (document.images) { // ensure browser can do JavaScript rollovers.
  13. isimages = new Object();
  14. isimages.Rollover1_df = new Image();
  15. isimages.Rollover1_df.src = "images/image1.gif";
  17. isimages.Rollover1_ov = new Image();
  18. isimages.Rollover1_ov.src = "images/rollover2.gif";
  20. isimages.Rollover2_df = new Image();
  21. isimages.Rollover2_df.src = "images/image2.gif";
  23. isimages.Rollover2_ov = new Image();
  24. isimages.Rollover2_ov.src = "images/rollover2.gif";
  25. }
  26. </Script>


 
Et ca à l'endroit où tu veux la/les image(s) :

Code :
  1. <a Href="lien.htm" OnMouseOut="isimgact( 'Rollover1',0)" OnMouseOver="isimgact( 'Rollover1',1)" ><Img Src="images/image1" Border="0" Name="Rollover" Alt="Rollover" width="134" height="21"></a>


 
Tu copies/colles ce qui est en gras pour le nombre de rollovers au total.  




 
beh c'est bien connu que dremaweaver génère des script poucrave [:veryfree]  
 
de toute façon j'ai trouvé comment faire, mais je vais regarder ton script qui a l'air plus "propre"!
tu l'a fait avec fireworks?

Reply

Marsh Posté le 10-05-2002 à 21:52:38    

frenzy a écrit a écrit :

 
 
beh c'est bien connu que dremaweaver génère des script poucrave [:veryfree]  
 
de toute façon j'ai trouvé comment faire, mais je vais regarder ton script qui a l'air plus "propre"!
tu l'a fait avec fireworks?  



Non, c'est Imagestyler (adobe soft, plus commercialisé) qui le génère.


---------------
“I'll thank you very much.”
Reply

Marsh Posté le 10-05-2002 à 21:52:38   

Reply

Marsh Posté le 10-05-2002 à 21:57:01    

comment je l'utilise pour un rollover multiple?

Reply

Marsh Posté le 10-05-2002 à 22:59:40    

<a onMouseOver=swap_image(nomdelimage, srcnewimage)
onMouseOut=swap_image(nomdelimage, srcfirstimage)><IMG  name=nomdelimage </IMG></A>
 
function swap_image(nom, src)
{
 document.images[nom].src = src;
}
 
c si compliqué?


---------------
Suri.morkitu.org : Balades au coeur de la ville...
Reply

Marsh Posté le 10-05-2002 à 23:16:05    

frenzy a écrit a écrit :

comment je l'utilise pour un rollover multiple?  



Tu copies ce que j'ai mis en gras juste en dessous du texte gras lui-même (et tu copies bien entendu le code de l'image aussi).


---------------
“I'll thank you very much.”
Reply

Sujets relatifs:

Leave a Replay

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