2012-08-05 95 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