0

我正在使用 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>

有没有办法绑定可以知道当前图像然后更新隐藏字段的onclick？

4

1 回答 1

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 是 objetc 还是只是一个 id，所以只需在其上执行 console.log 即可查看其属性。

于 2012-08-05T11:57:13.200 回答