11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'utilise jquery easyslider pour une galerie d'images.
Je ne comprend ce qui se passe mais j'ai parfois 2 images qui chevauchent.

upload/16393-erreur-pho.png


Voici le javascript.


<script type="text/javascript"><!-- // <![CDATA[
var $j = jQuery.noConflict();  

function formatText(index, panel) {
return index + "";
 }

$j(function () {
    
$j('.anythingSlider').anythingSlider({
easing: "easeInOutExpo",
autoPlay: true,
delay: 3000,
startStopped: false,
animationTime: 600,
hashTags: true,
buildNavigation: true,
pauseOnHover: true,
startText: "Jouer diapo", 
stopText: "Arrêter diapo",
navigationFormatter: formatText
});
        
        
    });
// ]]> --></script>



Voici le HTML.


<div class="anythingSlider">
<div class="wrapper">
<ul>
<li><img src="uploads/degres/Slide_show_1.jpg" alt="" width="666" height="246" /></li>
<li><img src="uploads/degres/Slide_show_2.jpg" alt="" width="666" height="246" /></li>
<li><img src="uploads/degres/Slide_show_3.jpg" alt="" width="666" height="246" /></li>
<li><img src="uploads/degres/Slide_show_4.jpg" alt="" width="666" height="246" /></li>
<li><img src="uploads/degres/Slide_show_5.jpg" alt="" width="666" height="246" /></li>
</ul>       
</div>
</div> 	




Vous pouvez voir l'exemple à cette page.