Rollover differants sur plusieur images ?? (avec des exemples...)
Rollover differants sur plusieur images ?? (avec des exemples...) - HTML/CSS - Programmation
Marsh Posté le 19-09-2005 à 20:18:16
Ouais, et pis ce genre de question revient 10 fois par semaine, et pis on y a déjà répondu
Marsh Posté le 19-09-2005 à 20:46:24
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
Marsh Posté le 22-09-2005 à 20:32:00
http://css.alsacreations.com/Tutor [...] javascript
+ indice : remplacer l'evenement onclick par onmouseover
Marsh Posté le 22-09-2005 à 23:01:38
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 ?
Marsh Posté le 22-09-2005 à 23:39:33
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
Marsh Posté le 23-09-2005 à 01:21:23
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).
Marsh Posté le 23-09-2005 à 03:09:57
Cadeau (à adapter pour IE).
CSS :
a{background-color: orange; display: block; height: 40px; width: 40px;} |
HTML :
<a href="#"><img src="img1.jpg" /></a> |
Marsh Posté le 23-09-2005 à 14:05:13
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 ?
Message édité par Lekouti le 23-09-2005 à 14:50:58
Marsh Posté le 23-09-2005 à 14:40:30
ok, c'est bon il fallais mettre
float: left;
En revanche savais vous si je peux centre mes carré maintenant ? 
Marsh Posté le 23-09-2005 à 15:22:39
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
Sujets relatifs:
- [PHP] envoi d'images qui se dimentionne et s'ajoute direct sur 1page
- La meilleur méthode pour placer des images?
- HELP : images EXCEL/VBA en enregistrant sous format HTML
- blabla@web
- Problème de marge avec des images
- Défaut d'affichage dans les images
- Comment positionner relativements des images survolées ?
- Je recherche un tchat (avec plusieur salon) pour mon site svp
- Plus loin que l'envoi d'images sur dossier FTP
- Definir plusieur couleur de lien
Marsh Posté le 19-09-2005 à 19:43:38
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
Message édité par Lekouti le 22-09-2005 à 19:49:32