Carrousel à modifier

**apdf1** · 10/08/2019, 09h06

Bonjour,

J'ai un Carrousel que j'aimerai amélioré.

J'ai une bonne centaine de photos à insérer et je voulais voir s'il était possible de faire une boucle dans mon code.

Une partie de mon code:!

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
	<div class="slideshow">  
    	<ul>
    		<li><img src="Photos/Pascale%20Boyer.jpg"         alt="Pascale Boyer"      width="120" height="160" /><Div Class="titre" texte align="center">Pascale Boye</Div></li>
    		<li><img src="Photos/Petit%20Maud.jpg"            alt="Petit Maud"         width="120" height="160" /><Div Class="titre" texte align="center">Petit Maud</Div></li>
    		<li><img src="Photos/Sophie%20Mette.jpg"          alt="Sophie Mette"       width="120" height="160" /><Div Class="titre" texte align="center">Sophie Mette</Div></li>
    		<li><img src="Photos/Val%C3%A9rie%20Boyer.jpg"    alt="Valérie Boyer"      width="120" height="160" /><Div Class="titre" texte align="center">Valérie Boyer</Div></li>
            <li><img src="Photos/Sophie%20Panonacle.jpg"      alt="Sophie Panonacle"   width="120" height="160" /><Div Class="titre" texte align="center">Sophie Panonacle</Div></li>
    </ul> 
 
    </div>  
 
 
	<script type="text/javascript" src="js/carousel_jquery.min.js"></script>
 
    <script type="text/javascript">
                $(function(){
                        setInterval(function(){
                                $(".slideshow ul").animate({marginLeft:-350},800,function(){
                                        $(this).css({marginLeft:0}).find("li:last").after($(this).find("li:first"));
                                })
                        }, 3500);
                });
        </script>