Я пытаюсь упростить эту функцию ротатора изображений, используя next () и end (), но не могу понять это.Цель состоит в том, чтобы перебрать изображения, установить заголовок и перейти к следующему изображению.Как я могу сделать эту работу?
вот мой основной HTML-код
<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>
вот код 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');
}