[JavaScript + CSS] Heu jai pas trouver de titre a mon probleme.....

Heu jai pas trouver de titre a mon probleme..... [JavaScript + CSS] - Programmation

Marsh Posté le 11-08-2001 à 00:05:24    

Salut bon j'expose mon problème :
 
je voudrais que :
Quand on passe la souris au-dessus ( onMouseOver ) d'une image ( une image qui sera donc "cliquable" pour faire onMouseOver ) que ca change le Z-index d'une autre image.  :pt1cable:  :pt1cable:  
 
en gros j'ai fait un tableau en 2 colones :
- La colone de gauche est coupe en 2 par un ligne ce que nous donne 2 casse. Chaque de ces casses possede une image differente.
- La colone de droite servira a afficher les images.
 
 
Donc ce que je veut savoir cest comment changer la superposition des image ( avec le z-index d'un <style> ) avec onMouseOver ... et onMouseOut.
 
http://www.ifrance.com/dvd-ripp/zindex.gif
 
Il ya peut etre une facon plus simple?

 

[edtdd]--Message édité par maxime--[/edtdd]

Reply

Marsh Posté le 11-08-2001 à 00:05:24   

Reply

Marsh Posté le 11-08-2001 à 00:19:06    

rien compris  :pt1cable:  :crazy:  :p


---------------
@+ jaja - mansoncollections
Reply

Marsh Posté le 11-08-2001 à 00:22:26    

et maitenant ??   :na:

Reply

Marsh Posté le 11-08-2001 à 00:39:44    

<img id='img1' src='image1.jpg'  
  onMouseOver='img1.style.zIndex = 2; img2.style.zIndex=1;'>
<img id='img2' src='image2.jpg'  
  onMouseOver='img1.style.zIndex = 1; img2.style.zIndex=2;'>

Reply

Marsh Posté le 11-08-2001 à 00:44:35    

ahhh mais je relis et je m'aperçois que je n'ai pas compris non plus :D
 
bon c'est pas bien compliqué, en bidouillant le bout de code en haut tu t'en sors facilement.

Reply

Marsh Posté le 11-08-2001 à 00:57:13    

on peut le faire directement dans la balise <IMG> alors
oki pour le reste je vais me debrouiller
 
la sytax :
 
<IMG ID="#style" SRC="url_de_limage" onMouseOver="objet_image.style.zIndex = chiffre ;
 
cest bien ca?

Reply

Marsh Posté le 11-08-2001 à 01:10:04    

bon faudra m'explique l'utilité d'afficher une icône 'éditer le message' alors qu'on n'a pas les droits pour l'éditer. pareil pour le 'modérateur ... ' en bas. A QUOI CA SERT BORDEL ? !  
 
tout ça pour dire que tu viens de perdre une jolie réponse, donc je vais faire court cette fois ci : syntaxe ok, juste pour l'id. celui-ci permet d'accéder à un objet via le script, ie  
<div id='myText'>text</div>
pour modifier ses propriétés : myText.innerHTML = '<b>aaa</b>';
 
donc non ce n'est pas #style, c'est un identifiant que tu définis toi-même. pour plus d'infos, browser msdn.microsoft.com.

Reply

Marsh Posté le 11-08-2001 à 01:28:46    

t'aurais pas un mail ou icq??

Reply

Marsh Posté le 11-08-2001 à 02:47:45    

oki mais un truc au quel j'ai pas penser, comment supperposer les images????  :ouch:

Reply

Marsh Posté le 11-08-2001 à 15:43:37    

:lol:
 
<img src='a.jpg' style='position: absolute; left=10; top=10;'>
<img src='b.jpg' style='position: absolute; left=20; top=20;'>

Reply

Marsh Posté le 11-08-2001 à 15:43:37   

Reply

Marsh Posté le 11-08-2001 à 17:12:08    

cest pas grave jai trouver un autre moyen que de passer par le CSS
merci kan meme

Reply

Marsh Posté le 12-08-2001 à 20:31:49    

maxime a écrit a écrit :

cest pas grave jai trouver un autre moyen que de passer par le CSS
merci kan meme  




 
et quel est-il ce moyen? :)

Reply

Marsh Posté le 12-08-2001 à 21:05:56    

remplacer limage  
 
tel que  
 
dans la balise  

Citation :

<HEAD>
 
//fonction
function nom_de_la_fonction(image) {
window.document.img0.src = image.src
}
 
//creer des images
nom_image = new Image()
 
// url des image
nom_image.src = "url"
 
</head>


queque part dansla balise  
 

Citation :

<body>
 
...
 
dans un tableau ..
 
<div OnMouseOver="nom_de_la_fonction(nom_image)>on clique</div>
 
 
<img src="url"  name="img0">
 
..
 
</body>


 
 
et comme ya plein de tableau comme ca, jai juste a changer le nom de liamge , refaire une function.
 
et qussid e cette manier les image sont charger dans le cache
 
 
voila  :jap:

 

[edtdd]--Message édité par maxime--[/edtdd]

Reply

Marsh Posté le 13-08-2001 à 09:41:08    

bien vu :)

Reply

Marsh Posté le 13-08-2001 à 18:52:34    

en cherchant un peu , on arive a tout  :o  
 
 
 :lol:  ;)

Reply

Sujets relatifs:

Leave a Replay

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