Insérer 2 sliders dans une page Html !

youssef.wass Messages postés 2 Statut Membre -  
kadeh Messages postés 341 Statut Membre -
Bonjour,

Comme d''habitude à cet heure ci je rencontre un petit soucis,

J'aimerais intégrer 2 sliders à l'interieur de ma page, les 2 sliders sont les mêmes, le problème c'est que le premier slider s'affiche bien mais pas le second car il charge indéfiniment ...

Un peu d'aide de la communauté serait la bienvenue

( et voici le code ...) 

<script type="text/javascript">
			$(window).load(function() {
				$('#featured').orbit();
			});
		</script>
		
        <div id="featured">          <!------ Premier Slider
			<div class="content" style="">
				<h1>youuu.</h1>
				<h3>TEXT.</h3>
			</div>
			<a href=""><img src="dummy-images/overflow.jpg" /></a>
			<img src="dummy-images/captions.jpg" data-caption="#htmlCaption" />
			<img src="dummy-images/features.jpg"  />
		</div>
        
    
          <div id="featured">          <!------ Second Slider
			<div class="content" style="">
				<h1>youuu.</h1>
				<h3>TEXT.</h3>
			</div>
			<a href=""><img src="dummy-images/overflow.jpg" /></a>
			<img src="dummy-images/captions.jpg" data-caption="#htmlCaption" />
			<img src="dummy-images/features.jpg"  />
		</div>



MERCI encore





A voir également:

1 réponse

Réponse 1 / 1
kadeh Messages postés 341 Statut Membre 92
 
Bonjour,
deux div avec le même id???
l'identifiant doit être unique: 
<script type="text/javascript">
  $(window).load(function() {
    $('#featured1').orbit();
    $('#featured2').orbit();
  });
</script>
<div id="featured1">....</div>
<div id="featured2">....</div>

@+
0