Question

我正在使用jquery.cycle image viewer

用户点击下一个或上一个按钮滚动图片

我需要知道显示的图像，并且要在隐藏的表单字段中更新该值，以便我可以存储用户选择的图像。

这是cyle设置：

<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？

Answer 1

Here您可以找到对循环插件选项的引用（或者您可以查看源代码）。

我认为你想要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即可查看其属性。

jquery.cycle隐藏字段更新

1 个答案: