rollover, javascript, .hover, effet à distance, bref je nage !

rollover, javascript, .hover, effet à distance, bref je nage ! - HTML/CSS - Programmation

Marsh Posté le 09-01-2010 à 19:31:04    

Bonjour,
 
Je souhaiterai faire sur mon site un effet un peu comme sur cette page :
http://www.bnf.fr/pages/zNavigat/f [...] l_expo.htm à la différence prêt que le survol doit agir sur des micro images (thumbs).
 
Donc je souhaiterai avoir une zone image de dimension style 640x480 où apparaitrait l'agrandissement d'une petite image (80x60) placé ailleurs sur la page. Le survol d'une des thumbs doit faire changer le contenu affiché dans la zone 640x480.
 
J'ai lu beaucoup de chose sur le sujet mais malheureuement que des choses ancienne (2005-2006) et qui utilisent toutes du javascript.
 
Peut on s'en sortir juste avec du css ?
Quel est la meilleure méthode ?
 
Merci d'avance pour votre aide

Reply

Marsh Posté le 09-01-2010 à 19:31:04   

Reply

Marsh Posté le 10-01-2010 à 03:45:58    

En css en spécifiant une position absolute pour tes images tu devrai arriver a faire cela avec des a:hover pour tes liens
 
Mais le plus simple serai en javascript (il y a une multitude de script (de galeries d'images) qui permettent de faire cela, et très simple a mettre en place).

Reply

Marsh Posté le 10-01-2010 à 10:06:14    

en fait avec du css et des .hover je sais faire changer une image dans sa propre zone mon principal problème en css est cependant d'affecter l'action à exécuter sur une autre zone image (la grande 640x480 en l'occurence)

Reply

Sujets relatifs:

Leave a Replay

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