bonjours a tous je suis nouveau sur le forum et dans le domaine du html car j'ais apris le dev sous flash et action script 3
voila j'ais repris le code de la gallérie par contre je cherche a faire un genre de carrousel ou slide pour les éléments li qui dépassent mon conteneur
pour le moment voici mon code
puis voici le css
je cherche donc un tuto pour adapter un slider de vignette a cette visionneuse, j'ai déjà tenter plein de combinaisons avec des fragment js mais je n'arrive pas a obtenir le résultat que je cherche
voila j'ais repris le code de la gallérie par contre je cherche a faire un genre de carrousel ou slide pour les éléments li qui dépassent mon conteneur
pour le moment voici mon code
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="gallery.js" type="text/javascript"></script>
<div class="pages">
<ul id="thumbs">
<li>
<a href="image/big/M-B-N2.JPG">
<img alt=""
src="image/small/M-B-N2.jpg" />
</a>
</li>
<li>
<a href="image/big/M-B-N3.jpg">
<img alt=""
src="image/small/M-B-N3.jpg" />
</a>
</li>
<li>
<a href="image/big/M-B-N4.jpg">
<img alt=""
src="image/small/M-B-N4.jpg" />
</a>
</li>
<li>
<a href="image/big/M-B-N5.jpg">
<img alt=""
src="image/small/M-B-N5.jpg" />
</a>
</li>
<li>
<a href="image/big/M-B-N6.jpg">
<img alt=""
src="image/small/M-B-N6.jpg" />
</a>
</li>
<li>
<a href="image/big/M-B-N7.jpg">
<img alt=""
src="image/small/M-B-N7.jpg" />
</a>
</li>
<li>
<a href="image/big/M-B-N8.jpg">
<img alt=""
src="image/small/M-B-N8.jpg" />
</a>
</li>
<li>
<a href="image/big/M-B-N9.jpg">
<img alt=""
src="image/small/M-B-N9.jpg" />
</a>
</li>
<li>
<a href="image/big/M-B-N9.jpg">
<img alt=""
src="image/small/M-B-N9.jpg" />
</a>
</li>
<li>
<a href="image/big/M-B-N9.jpg">
<img alt="s"
src="image/small/M-B-N9.jpg" />
</a>
</li>
<li>
<a href="image/big/M-B-N9.jpg">
<img alt=""
src="image/small/M-B-N9.jpg" />
</a>
</li>
</ul>
</div> puis voici le css
img {vertical-align:middle; border:none;}
#thumbs {position:absolute;list-style:none; width:800px; margin:0px; right:0; bottom:0; margin-bottom:5px}
#thumbs li {float:left;}
#thumbs a {display:block; padding:2px; outline:none; background:#b0a786; margin:2px}
#thumbs a:hover, #thumbs a:focus {background:#fff;}
#thumbs a.active {background:#736F6E;}
#viewer {float:right; width:428px; height:320px; overflow:hidden; }
#viewer img[src*="loader"] {position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}je cherche donc un tuto pour adapter un slider de vignette a cette visionneuse, j'ai déjà tenter plein de combinaisons avec des fragment js mais je n'arrive pas a obtenir le résultat que je cherche
