Script Image survolée sans javascript à valider

Bonjour à toutes et tous,


Sur ma page de travail j'ai intégrer une carte de pays en miniature, quand on la survole, une image agrandie s'affiche par dessus (ce n'est pas la même redimenssionnée). Tout ça grâce aux propriétée ":hover" sur les blocs

Par contre j'ai imbriqué pas mal de bloc pour y parvenir, même en cherchant à simplifier ça en fait beaucoup. Peut être existe il une solution plus lisible (coté code)

Voici une page reprenant le script en simplifié :
http://toutenkamion.net/

Voici la page utilisant le script en situation :
http://toutenkamion.net/

Qu'en pensez vous et si il y a des Couak dans mon raisonnement, fait moi en part
Modifié par percherie (26 Aug 2006 - 15:12)

Pas de réponse, dommage, avoir une confirmation m'aurrait rassuré mais rien de grave, je reste sur cette solution technique, il y a des chances pour que ce soit correct

Salut,

Peut être qu'en jouant sur les background, tu peux améliorer la chose.

...hum faut voir mais j'ai quelques restrictions :

- Le cadre rouge contient uniquement une photo
- Le cadre jaune contient uniquement la même photo mais avec une qualité supérieure et une taille supérieure
- Je ne souhaite pas qu'un survol des liens provoque l'affichage de la grosse photo

Peut être que ça peut fonctionner mais ça imposerai de placer un bloc de la taille du jaune contenant la petit photo qui dans l'exemple est de la taille du bloc rouge.
Le soucis c'est que ça risque de modifier l'affichage de la zone verte.

Je pense que le mieux est encore de tester ta proposition et de voir si c'est possible

-- edit --

Je pensai utiliser un background-image qui s'affiche uniquement au survol mais ça implique que le bloc passe par dessus les liens ce qui les rendrait inaccesible, au moment de les activer, ce serai l'image de fond qui apparaitrait par dessus.

Merci pour ta réponse, elle me donnera des idées sur d'autres script
Modifié par percherie (17 Apr 2006 - 18:43)