Bonsoir a tous,
 
J'ai besoins de vous  [cligne] !!!
 
Voila sur mon site photo, je refait ma galerie. Je vais donc avoir bcp de vignettes.
 
J'aimerai, pour palier au manque de place, mettre dans une <div> de 20px de haut une succetion de petit carré gris d'environ 5px de côté.
 
Et la must du must, je souhaiterais que lorsque l'on passe la souris sur un de ces petit carré, la vignette de la photo qui doit s'afficher, apparaisse... cette vignette fera 25px de côté.
 
Cas pratiques:
 

 
Puis au passage de la souris, la vignette apparait:
 

 
Et la seulement après si je cliques sur la vignette, l'agrandissement apparait dans la pseudo frame..
 
Est ce possible ??
 
Merci a tous

Ouais, et pis ce genre de question revient 10 fois par semaine, et pis on y a déjà répondu

aaaah bon ??? Ou ça ??? car comme bon Furumeur qui ce respect, j'ai utilisé la fonction "Recherche".
 
Maintenant, je n'exclu pas la faute d'inatention...mais apprecirais vraiment que tu me montre le chemin des réponces ??!
 
Merci

+1 pour edition et complement d'infos

http://css.alsacreations.com/Tutor [...] javascript
 
+ indice : remplacer l'evenement onclick par onmouseover

Merci gatsusat mais j'ai déjà un script pour ma pseudo frame et en php.
mais moi ce qui m'interraisse c'est pour les vignettes du bas.
 
J'aimerai que l'imgage soit tjrs la meme, mais que l'image change au survol soit differante pour chaque carré .
 
Tu vois ?

oui mais tu veux mettre quoi à la place de l'image survolée de chaque carré ?  
l'image même de l'élément ?
moi po trop piger

Je veux ma <div> #vignette, avoir une succesion de carré orange ( cf: premiere images) un carré par vignette.
 
Puis faire en sorte que chaque carré identique laisse apparaitre au passage de la souris un vignette differante (cf: image 2).

Cadeau (à adapter pour IE).
 
CSS :

HTML :

Ok, c'est bon j'y suis arrivé en passant par la balise <span>
 
http://www.apoilleux.com/new/testgalerie.php
 
en revanche quelqu'un peu me dire comment je peux mettre mes carré a l'horisontal ?

ok, c'est bon il fallais mettre  
float: left;
 
En revanche savais vous si je peux centre mes carré maintenant ?

tu les fous tous ds un bloc
 
<div id="mescarreskipuent">
</div>
et en CSS
 
#mescarreskipuent {
  width:500px; /*largeur du block*/
  margin:0 auto;
}
et pour internet explorer tu met un text-align:center sur l'élément parent