私はjqueryとコーディング全般にかなり慣れていません。http://www.designchemical.com/blog/index.php/jquery/jquery-image-swap-gallery/からjqueryスライドショーを実装しようとしています。ホバーではなくクリックで機能するようにしました。サムネイルがメイン画像を制御するのと同じ方法で、div の背景 (背景の繰り返し x と y) を変更したい。
$('#bgs').css('background-image','url(gallery/bgs/img_3.jpg)'); しかし、メイン画像と同じ方法で適切なファイル名を動的に取得することで機能させたいと思っています。何を変えたらいいのかわからない。
コードは次のとおりです。 http://pastebin.com/hvVYQyru
私は自分自身を明確にしたことを願っています:)。みんなが私を正しい軌道に乗せてくれることを本当に願っています。
よろしく マーティン・シャック
bgs画像構造がメインの画像とサムネイルと同じであると仮定して、次の行を変更します。
$('#bgs').css('background-image','url(gallery/bgs/img_3.jpg)');
に：
$('#bgs').css('background-image', 'url(' + $(this).attr('src').replace('thumb/', 'bgs/') + ')');
これを試して：
$('#bgs').css('background-image','url(' + $(this).attr('src').replace('thumb/', 'bgs/') + ')');
アップデート
アニメーションを使用して同じ結果を得るには、もう少し作業が必要です。それはあなたの元の質問の一部ではないので、チェックするための良いリンクを残しています：
http://snook.ca/archives/javascript/jquery-bg-image-animations/