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

  FORUM HardWare.fr
  Graphisme

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

 
 


Dernière réponse
Sujet : là je sèche....help please (rollover inside)
Pinzo

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).


Votre réponse
Nom d'utilisateur    Pour poster, vous devez être inscrit sur ce forum .... si ce n'est pas le cas, cliquez ici !
Le ton de votre message                        
                       
Votre réponse
[b][i][u][strike][spoiler][fixed][cpp][url][email][img][*]   
 
   [quote]
 
Options

 
Vous avez perdu votre mot de passe ?


Vue Rapide de la discussion
Pinzo

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).

Suri <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é?
frenzy comment je l'utilise pour un rollover multiple?
Pinzo

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.

frenzy

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?

Pinzo 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.

vektorDirect 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]
frenzy YAAAIIIIIISSSSSSSSSSSSSSSS...........and the sun started shining
frenzy 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
youdontcare 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.
frenzy 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>
youdontcare et pourquoi tu ne fais pas une seule image ?  
 
et montre ton code actuel.
frenzy 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]

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo

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