在cycle.js获取当前显示的图像

时间:2013-06-10 20:45:20

标签: jquery html

我正在使用cycle.js进行小型幻灯片放映:

var $slider = $(".trauringe");
$slider.cycle({
timeout: 6000,
next:   '#next', 
prev:   '#prev',
before: beforePic,
after: afterPic });

和html标记:

 <ul class="trauringe" style="width: 690px; height: 395px;">
   <img src="trauringe/1_Trauringe.jpg" style="display: none;" alt="Trauringe 1" />
   <img src="trauringe/2_Trauringe.jpg" style="display: none;" alt="Trauringe 2" />
   <img src="trauringe/3_Trauringe.jpg" style="display: none;" alt="Trauringe 3" />
   <img src="trauringe/4_Trauringe.jpg" style="display: none;" alt="Trauringe 4" />
   <img src="trauringe/5_Trauringe.jpg" style="display: none;" alt="Trauringe 5" />
 </ul>

我试图弄清楚如何阅读当前图像的alt

function afterPic() { 
      console.log($('.trauringe').find('img').attr('alt'));
        });

不幸的是,这不起作用,它只显示第一个,而不是当前。

任何帮助非常感谢!感谢

1 个答案:

答案 0 :(得分:1)

你可以试试这个 -

function afterPic() {  
     console.log(this.alt); 
}