Insérer 2 sliders dans une page Html !

Fermé

youssef.wass Messages postés 2 Date d'inscription mercredi 18 mai 2011 Statut Membre Dernière intervention 18 mai 2011 - 18 mai 2011 à 00:59
kadeh Messages postés 334 Date d'inscription vendredi 21 décembre 2007 Statut Membre Dernière intervention 15 novembre 2012 - 18 mai 2011 à 01:46

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:

Insérer 2 sliders dans une page Html !
Supprimer une page word - Guide
Insérer une vidéo dans powerpoint - Guide
Insérer signature word - Guide
Word numéro de page 1/2 - Guide
Traduire une page web - Guide

1 réponse

Réponse 1 / 1

kadeh Messages postés 334 Date d'inscription vendredi 21 décembre 2007 Statut Membre Dernière intervention 15 novembre 2012 92
18 mai 2011 à 01:46

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>

Discussions similaires

[PIX] Commencer chaque poème sur une nouvelle page

Discussions similaires

Newsletters