Insérer 2 sliders dans une page Html !

youssef.wass Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
kadeh Messages postés 334 Date d'inscription   Statut Membre Dernière intervention   -
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 334 Date d'inscription   Statut Membre Dernière intervention   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