私はゼロから非常に単純なスライドショーを作成しています:
... 3 つの主要な変数で実行されます。
var slideshowItem_place = 0;
var slideshowItem_position = 0;
var slideshowItem_limit = parseInt($('.slideshowImage_container').length) - 1;
スライドショーを実行させる主な機能は次のとおりです。
function slideshow_animateSliding(){
slideshowItem_position = 0 - (slideshowItem_place * 1280);
$('#slideshowContent').stop().animate({'left':slideshowItem_position + 'px'}, 1000, 'swing');
}
親指ですが…
...再生中に表示されているスライドに基づいて自動的に変更する方法がわかりません。
親指のコード:
$('#slideshow_thumbsContainer').on('click', '> div:not(.slideshowThumbs_active)', function(){
var $this_slideshowThumbs_notActive = $(this);
var $this_slideshowThumbs_active = $('#slideshow_thumbsContainer > div.slideshowThumbs_active');
function thumbsDeactivate(){
// Deactivate currently slideshowThumbs_active animation...
}
function thumbsActivate(){
thumbsDeactivate();
// Activate clicked slideshowThumbs animation...
}
thumbsActivate();
});
私の推測では、スライドショーを実行するもので関数thumbsActivate()を呼び出す必要があると思います-slideshow_animateSliding( ) -ロジックを理解できません。
必要なものの擬似コードを次に示します。
- slideshowItem_place = 0の場合は、 thumbsActivate(#slideshow_thumbOutline01)を実行します。
- slideshowItem_place = 1の場合は、 thumbsActivate(#slideshow_thumbOutline02)を実行します。
- 等...
フルフィドル。
ありがとう。
ペドロ