survol image et changement d'image

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : survol image et changement d'image

thomy83

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 :

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

Publicité

pataluc

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

macgawel

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

Code :

<head>
    <style type="text/css">
/* Par défaut on cache la grande image */
    .thumb span {display:none;}
/* Ici, on définit les propriétés de la grande image quand on survole la petite. */
    .thumb:hover span {display:block;}
    </style>
</head>
<body>
<a class="thumb"><img src="petite_image.jpg" /><span><img src="grande_image.jpg" /></span></a>
</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...

FORUM HardWare.fr

Programmation

HTML/CSS

survol image et changement d'image

Sujets relatifs
Image "renversée" avec GD.	Récupérer largeur et hauteur d'une image (movieclip)
[PHP]Insertion d'une image dans SQL Serveur	[Flash] Changer occurence au survol de la souris
[REGLER] image qui apparait au survol du lien, puis une autre	image qui suit la barre de défilement
[C# & WPF] Taille d'une image	Problème image dans tableau
[html] coller une image a un tableau
Plus de sujets relatifs à : survol image et changement d'image

Page générée en 0.048 secondes