Bonjour,
je cherche à trouver un moyen "acceptable" de réaliser ceci :
- on a quelques icones ("thumbs") de dessins disposés sur un page.
- Lorsque la souris passe sur une icone, le dessin correspondant doit
s'afficher en grand sur la page.
- ceci doit donc fonctionner comme une sorte de rollover (ou de ":hover")
Pour exemple, je prendrais cette page :
http://labouche.films.free.fr/photos_leregard.htm#
sauf qu'il sagit de pop-up. moi je cherche à faire ça sur une seule page,
avec un principe de rollover (la souris passe, l'image s'affiche); et si
possible propre (CSS valide)
Je pense avant tout aux techniques CSS utilisées pour faire les menus
déroulants, et qui consitent à masquer (:hidden; je crois...) un objet sauf
quand la condition (":hover") indique l'inverse.
Seulement, je débute en CSS, et je ne suis pas encore capable d'adapter ce
type de code à mon application ...
Je pense aussi aux "layers", sans trop savoir qu'en faire ...
De même qu'avec javascript, il y a sûrement des possibilitées - mais c'est
encore pire que CSS ... j'y comprends vraiment rien. à peine capable de
faire des copier-collez qui tournent...
Pour être clair, le challenge est celui-ci : faire la même chose que la page
citée plus haut (http://labouche.films.free.fr/photos_leregard.htm#), sans
utiliser de pop-up, et sans nécessiter de clic (juste un principe de
rollover). Si, en plus, on peut rester dans les recommandations W3C, c'est
mieux... (malheureusement, il est impératif que cela fonctionne avec IE...)
Merci d'avance à ceux qui voudrons bien avoir la patience de chercher une
solution !
PS : je pensais aussi aux frames... mais 2 problèmes : 1, je crois que c'est plus que déprécié (?)
2- je ne vois pas trop comment indiquer une information "target" dans un rollover CSS
Modifié par Breskovic (23 Nov 2006 - 16:07)
je cherche à trouver un moyen "acceptable" de réaliser ceci :
- on a quelques icones ("thumbs") de dessins disposés sur un page.
- Lorsque la souris passe sur une icone, le dessin correspondant doit
s'afficher en grand sur la page.
- ceci doit donc fonctionner comme une sorte de rollover (ou de ":hover")
Pour exemple, je prendrais cette page :
http://labouche.films.free.fr/photos_leregard.htm#
sauf qu'il sagit de pop-up. moi je cherche à faire ça sur une seule page,
avec un principe de rollover (la souris passe, l'image s'affiche); et si
possible propre (CSS valide)
Je pense avant tout aux techniques CSS utilisées pour faire les menus
déroulants, et qui consitent à masquer (:hidden; je crois...) un objet sauf
quand la condition (":hover") indique l'inverse.
Seulement, je débute en CSS, et je ne suis pas encore capable d'adapter ce
type de code à mon application ...
Je pense aussi aux "layers", sans trop savoir qu'en faire ...
De même qu'avec javascript, il y a sûrement des possibilitées - mais c'est
encore pire que CSS ... j'y comprends vraiment rien. à peine capable de
faire des copier-collez qui tournent...
Pour être clair, le challenge est celui-ci : faire la même chose que la page
citée plus haut (http://labouche.films.free.fr/photos_leregard.htm#), sans
utiliser de pop-up, et sans nécessiter de clic (juste un principe de
rollover). Si, en plus, on peut rester dans les recommandations W3C, c'est
mieux... (malheureusement, il est impératif que cela fonctionne avec IE...)
Merci d'avance à ceux qui voudrons bien avoir la patience de chercher une
solution !
PS : je pensais aussi aux frames... mais 2 problèmes : 1, je crois que c'est plus que déprécié (?)
2- je ne vois pas trop comment indiquer une information "target" dans un rollover CSS
Modifié par Breskovic (23 Nov 2006 - 16:07)