JQuery cycle2 получить ширину текущего слайда

Question

Я использую JQuery плагин Cycle2 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); 

---

Edit

Я предполагаю, что HTML для вашей кнопки next и prev выглядит так:

<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); 
});