2010-10-29 5 views
0

Utilisation de easySlider 1.7 J'ai tout configuré comme je l'aimerais mais la dernière image de mon 3 apparaît puis disparaît. Ensuite, il boucle à nouveau les 2 images.EasySlider 1.7 ne montre pas ma dernière image

Les 2 autres traînent pendant 5 secondes puis le 3ème bouge et il s'abîme.

Ceci est mon code easySlider:

$.fn.easySlider = function(options){ 

// propriétés de configuration par défaut par défaut var = {
prevId: 'prevBtn', prevText: 'Précédent', nextId: 'nextBtn', nexttext: 'Suivant', controlsShow: false, controlsBefore: '', controlsAfter: '', controlsFade: true, firstId: 'firstBtn', firstText: 'd'abord', firstShow: false, lastId: 'lastBtn', lastText: 'Last', lastShow: false,
vertical: false, vitesse: 800, automatique: false, pause: 5000, continue: true, numérique: false, numericId: 'controls' };

Ceci est mon

<div style="position:absolute; left:457px; top:598px; width:468px; height:331px; overflow: hidden;" id="slider""> 
      <ul style="width: 1404px; margin-left:0px;"> 
      <li style="margin-left: 457px; float: left;"><img src="../stewart/studies/1_invest/invest_01.png"></li>  
     <li style="margin-left: 11px;"><img src="../stewart/studies/1_invest/invest_02.jpg"></li> 
    <li style="margin-left: 0px;"><img src="../stewart/studies/1_invest/invest_03.jpg"></li> 
    </ul> 
</div> 

Toutes les idées? Je suis un designer et le code n'est pas mon point fort.

À la votre!

Répondre

0

La première chose est que vous devez supprimer margin-left que vous avez fourni à indivadual li. Le margin-left est automatiquement fourni par le plugin lorsque vous faites glisser.

La deuxième chose est que le width fourni au <div id="slider"> doit être égale à la largeur des images que vous voulez faire glisser (je suppose que la largeur de toutes les images que vous voulez glisser sont les mêmes.)

Dernière chose inclut float:left à chacun des div, pas seulement le premier. Essayez simplement les choses ci-dessus et voyez si cela fonctionne correctement.

Si encore il a donné des problèmes me fournir le lien de la page si vous le pouvez afin que je puisse vous aider.

+0

Brillant, bravo. Cela a fonctionné parfaitement. – Allan

+0

@Allan: si vous êtes satisfait de ma solution, vous devriez la marquer comme bonne réponse. :) – Alpesh