2012-08-05 119 views
0

我使用jquery.cycle图像浏览器jquery.cycle隐藏字段更新

用户点击下一个或上一个以滚动影像

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

这cyle设置:

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

它的作用是显示在同一时间从列表,一个图像从容器专区内 - 例如

<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可以知道当前图像,然后更新隐藏字段?

回答

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看到它属性。

+0

不完全是我做的,但寄给我正确的道路 - 非常感谢 – 2012-08-05 19:42:01