Обновление скрытого поля jquery.cycle

Question

Я использую просмотрщик изображений jquery.cycle

Пользователь нажимает кнопку "Далее" или "Назад", чтобы прокрутить изображения.

Мне нужно знать показанное изображение, и для того, чтобы это значение было обновлено в скрытом поле формы, чтобы я мог сохранить изображение, выбранное пользователем.

это Кайл настроен:

<script type="text/javascript">
$('#s2').cycle({ 
fx:     'fade', 
speed:  'normal', 
timeout: 0, 
next:   '#next2', 
prev:   '#prev2' 
});
</script>

Он показывает изображения из списка, по одному из контейнера div - например

<div id="s2" class="pics">
    <img src=http://blah.com/1.JPG>
    <img src=http://blah.com/2.JPG>
    <img src=http://blah.com/3.JPG>
    <img src=http://blah.com/4.JPG>
</div>

<div class="nav">
    <a id="prev2" href="#">Prev</a> <a id="next2" href="#">Next</a>
</div>

Есть ли способ связать что-нибудь по клику, которое может узнать текущее изображение, а затем обновить скрытое поле?

Answer 1

Здесь вы можете найти ссылку на опции цикла плагин (или вы можете посмотреть на исходный код).

Я думаю, что вы хотите after атрибут:

$('#s2').cycle({
   ...
   after: function(currSlideElement, nextSlideElement, options, forwardFlag){
    $('input:hidden').val(currSlideElement.val()); //this is probably an object so you'll need to console.log it to see how to get the value     }
});

пожалуйста, обратите внимание, что я не уверен, является ли currSlideElement объектом или просто идентификатором, поэтому просто сделайте на нем console.log, чтобы увидеть его атрибуты.