Mardi 6 Novembre 2007
Slide horizontal CSS
Par Jacky, Mardi 6 Novembre 2007 à 10:12 GMT+2 dans Astuces CSS
(Sélectionnez les images de gauche à droite)
Pour réaliser ce slide, il vous faut tout d'abord une image de fond de 488x240px et 7 images de 300x240px; ensuite rendez vous dans votre feuille de style et copiez ceci:
| #gallery{ padding:0; margin:0 auto; overflow:hidden; width:492px; height:240px; background:url(image de fond) no-repeat; } #gallery a{ display:block; width:28px; height:240px; overflow:hidden; float:left; cursor:default; } #gallery a img {border:0;} #gallery a:hover { background:transparent; width:65%; } |
Puis dans votre article en mode HTML:
<div id="gallery"><a href="#nogo">< url_image></a></div>
ceci pour les 7 images.
