jQuery的循環2獲得當前幻燈片

Question

的寬度，我使用jQuery插件循環2 http://jquery.malsup.com/cycle2/demo/basic.php

我要抓住當前幻燈片/圖像的寬度，然後用它來設置其他元素的寬度。

每個圖像可能是不同的寬度，我需要在圖像頂部的酒吧來相應地調整大小。

<div class="cycle-slideshow"> 
<img src="http://malsup.github.com/images/p1.jpg"> 
<img src="http://malsup.github.com/images/p2.jpg"> 
<img src="http://malsup.github.com/images/p3.jpg"> 
<img src="http://malsup.github.com/images/p4.jpg"> 
</div> 

我怎樣才能獲得當前/活動幻燈片的寬度？

Answer 1

你可以通過這個插件將類active添加到當前活動圖像。所以，你可以像這樣以獲得您想要的寬度：

var imgWidth = $(".cycle-slideshow").find("img.active").width(); 

，那麼你可以使用這個寬度值來設置寬度爲其他元素：

$("other element selector").width(imgWidth); 

---

編輯

我假設您的next和prev按鈕的HTML看起來像這樣：

<div class="center"> 
    <a href="#" id="prev">Prev</a> 
    <a href="#" id="next">Next</a> 
</div> 

然後你只需要做到：

$("#prev, #next").on('click', function() { 
    var imgWidth = $('.cycle-slideshow').find(".cycle-slide-active").width(); 
    $(".topbar").width(imgWidth); 
});