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

Я использую средство просмотра изображений 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>

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


javascript jquery onclick jquery-cycle
person StudioTime    schedule 05.08.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

Я думаю, вам нужен атрибут 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 для него, чтобы увидеть его атрибуты.

person Tomer    schedule 05.08.2012
comment
Не совсем то, что я сделал, но направил меня по правильному пути - большое спасибо - person StudioTime; 05.08.2012