JQuery next() issues

Question

J'essaie de simplifier cette fonction de rotateur d'images en utilisant next() et end() mais je n'arrive pas à le comprendre. Le but est de parcourir les images, de définir le titre et de passer à l'image suivante. Comment puis-je faire ce travail?

ici est mon code html de base

<div class="object"> 
<div class="stories"> 

<div class="story" title="Microsoft Expression Encoder" 
    <img src="http://example.com/sample.png" title="" alt=""/> 
</div> 


<div class="story" title="Microsoft Expression Encoder Repeat" > 
    <img src="http://example.com/sample.png" title="" alt=""/> 
</div> 

</div> 
<div class="titlebar"> 
    <div class="info"></div> 
    <div id="btn_next" class="btn_next"></div> 
    <div id="btn_prev" class="btn_prev"></div> 
</div> 
</div> 

ici est le code JavaScript

var rotateImages = function() { 

       $('.stories div:gt(0)').hide(); 

       $(".info").text($(".story").attr("title")); 

       $(".stories div:eq(0)") 

       .animate({ options}, 250,function() { 
        $(".jqb_info").text($(this).attr(title)).animate({ options }, 500);) 

       .next('div')animate ({options}, 250, function() { 
        $(".jqb_info").text($(this).attr(title)).animate({ options }, 500);) 

       .end().appendTo('.stories'); 
} 

Answer 1

Vous pourriez recevoir une erreur ayant ces points-virgules à l'intérieur de vos fonctions .text.