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

  FORUM HardWare.fr
  Graphisme

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

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

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

n°46748
frenzy
thank god I'm.....
Posté le 10-05-2002 à 17:47:47  profilanswer
 

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]

mood
Publicité
Posté le 10-05-2002 à 17:47:47  profilanswer
 

n°46773
youdontcar​e
Posté le 10-05-2002 à 18:30:41  profilanswer
 

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

n°46777
frenzy
thank god I'm.....
Posté le 10-05-2002 à 18:46:20  profilanswer
 

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>

n°46779
youdontcar​e
Posté le 10-05-2002 à 19:03:18  profilanswer
 

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.

n°46780
frenzy
thank god I'm.....
Posté le 10-05-2002 à 19:11:37  profilanswer
 

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

n°46827
frenzy
thank god I'm.....
Posté le 10-05-2002 à 20:41:37  profilanswer
 

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

n°46834
vektorDire​ct
bouge pas, meurs, ressucite !
Posté le 10-05-2002 à 20:52:21  profilanswer
 

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]

n°46841
Pinzo
Vorsprung durch technik
Posté le 10-05-2002 à 21:00:41  profilanswer
 

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.”
n°46850
frenzy
thank god I'm.....
Posté le 10-05-2002 à 21:50:42  profilanswer
 

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?

n°46851
Pinzo
Vorsprung durch technik
Posté le 10-05-2002 à 21:52:38  profilanswer
 

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.”
mood
Publicité
Posté le 10-05-2002 à 21:52:38  profilanswer
 

n°46853
frenzy
thank god I'm.....
Posté le 10-05-2002 à 21:57:01  profilanswer
 

comment je l'utilise pour un rollover multiple?

n°46858
Suri
Darksurious
Posté le 10-05-2002 à 22:59:40  profilanswer
 

<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...
n°46861
Pinzo
Vorsprung durch technik
Posté le 10-05-2002 à 23:16:05  profilanswer
 

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

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

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

 

Sujets relatifs
[3DSmax] Comment faire un néon ??? (screen inside)Help:Texte Dans la police D'origine.
[laché de critique inside] site d'un pote a besoin d'une peau neuve ..Aidez-moi SVP: GIF animés inside
I Need YOU....avis insideAide sur Photoshop? photo inside!!
help animation Flash5Help!! Cherche sprite2d ou 3diso pour RPG
[3DS] probleme avec effets et banc de montage ! need help !!! :-)Pb de splines shot inside (Max)
Plus de sujets relatifs à : là je sèche....help please (rollover inside)

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

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR