survol image et changement d'image

survol image et changement d'image - HTML/CSS - Programmation

Marsh Posté le 12-08-2009 à 07:49:12    

Bonjour,
 
Voila je m'explique !
Je voudrais en faite presenté mon truc ainsi : avoir un grand (pas trop nom plus) cadre avec des petites image a coté. Et que quand ma souris survole une petite image elle apparait immédiatement dans le grand cadre.
 
Petite image parce que c'est assez dur a expliquer :
http://i377.photobucket.com/albums/oo217/jeremyhand83/liensrollover.jpg
 
Voila sauf que a la place du "TEXTE A ...", je voudrais que sa soit des petites images mais le principe reste le meme.
 
Merci d'avance

Reply

Marsh Posté le 12-08-2009 à 07:49:12   

Reply

Marsh Posté le 12-08-2009 à 09:13:04    

tu peux utiliser les effets avec mootools ou autre lib JS, par exemple: http://www.byscripts.fr/javascript [...] _container

Reply

Marsh Posté le 12-08-2009 à 09:57:11    

Faisable en (X)HTML + CSS.
En gros :

Code :
  1. <head>
  2.     <style type="text/css">
  3. /* Par défaut on cache la grande image */
  4.     .thumb span {display:none;}
  5. /* Ici, on définit les propriétés de la grande image quand on survole la petite. */
  6.     .thumb:hover span {display:block;}
  7.     </style>
  8. </head>
  9. <body>
  10. <a class="thumb"><img src="petite_image.jpg" /><span><img src="grande_image.jpg" /></span></a>
  11. </html>

Ca, c'est la base.
Après, il y a moyen de fignoler, en fixant la position de la grande image, etc.
 
Tu pourras trouver ton bonheur sur l'excellent site (en anglais :( ) CSSPlay...

Reply

Sujets relatifs:

Leave a Replay

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