最初に私のコード:
HTML
<div class="product_image m2" id="m2"><a href="#" id="10" class='multi2'>test..</a></div>
JS
$(document).ready(function(){
$("#m2 a").bind("click", function() {
var value = $( this ).attr( 'id' );
alert(value);
return false;
});
if ($(".multi2").length > 0){
$(".multi2").yoxview({
cacheImagesInBackground:true,
skin: "top_menu",
lang: "hu",
images: [
{ media: { src: 'images/galeria/cella/image01'+value+'.JPG', title: 'Cella hegesztő' }},
{ media: { src: 'images/galeria/cella/image015.JPG', title: 'Cella hegesztő' }},
{ media: { src: 'images/galeria/cella/image013.JPG', title: 'Cella hegesztő' }},
]
});
}
});
だから、私はYoxviewを使用しています。Multi2 クラスは、画像と、ユーザーがリンク (またはサムネイル) をクリックしたときを定義します。ライトボックスが表示され、スライドショーが開始されます。
スライドショーは、JS で定義された最初の画像から毎回開始されます。これを変更したいので、m2 div 内の href の id をイメージ リストに渡したいと思います。
残念ながら、私はこれを行うことはできません。このコードを試してみましたが、これでスクリプトがクラッシュしました。画像リストに値を渡すにはどうすればよいですか?