0

jquery.cycle画像ビューアを使用しています

ユーザーが[次へ]または[前へ]をクリックして画像をスクロールします

表示されている画像を知る必要があります。その値を非表示のフォームフィールドで更新して、ユーザーが選択した画像を保存できるようにします。

これはサイクルの設定です：

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

それが行うことは、コンテナdiv内から一度に1つずつ、リストからの画像を表示することです-例：

<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 に答える