jQueryのタブ切り替え後に表示されるスライドショーを初期状態からアクティブにしたいのですが、タブ切り替え後に上手く1枚目のスライドショーをアクティブにした状態に出来ません。分かる方にご教示頂けますと幸いです。
#tabsがタブメニューのボタン
#thumbBtnがスライドショーの画像でクリックすると画像が切り替わります
【Script】
<!-- Tab Script--> <script type="text/javascript"> $(function() { $('#tabs a[href^="#panel"]').click(function(){ $("#tabs .panel").hide(); $(this.hash).fadeIn(); $('#thumbBtn li a[href$="'+$endPath+'/"]').parent().addClass(’active’); return false; }); $('#tabs a[href^="#panel"]:eq(0)').trigger('click'); }) </script> <!-- SlideShow Script--> <script type="text/javascript"> $(function (){ var active="active",interval=5000; var index=0, timerId=null; var thumbs=$("#thumbBtn > li"), content=$("#view > p"), cap=$("#caption > li"); thumbs.each(function(){$(this).removeClass(active);}); content.hide(); cap.hide(); thumbs.eq(0).addClass(active); content.eq(0).fadeIn(2000); cap.eq(0).fadeIn(1000); thumbs.click(function(){ if($(this).hasClass("active")) return; if(timerId) clearInterval(timerId),timerId=null; change2(thumbs.index(this)); setTimer(); return false; }); setTimer(); function setTimer(){ timerId=setTimeout(timeProcess,interval); return false; } function timeProcess(){ change((index+1)%thumbs.length); timerId=setTimeout(arguments.callee,interval); } function change2(t_index){ thumbs.eq(index).removeClass(active); thumbs.eq(t_index).addClass(active); setTimeout(function(){ content.eq(index).stop(true, true).fadeOut(0), cap.eq(index).stop(true, true).hide() ;}, 0); setTimeout(function(){ index=t_index; content.eq(index).fadeIn(0), cap.eq(index).fadeIn(0) ;}, 0) } }); </script> <!-- SlideShow Script--> <script type="text/javascript"> $(function (){ var active="active",interval=5000; var index=0, timerId=null; var thumbs=$("#thumbBtn > li"), content=$("#view > p"), cap=$("#caption > li"); thumbs.each(function(){$(this).removeClass(active);}); content.hide(); cap.hide(); thumbs.eq(0).addClass(active); content.eq(0).fadeIn(2000); cap.eq(0).fadeIn(1000); thumbs.click(function(){ if($(this).hasClass("active")) return; if(timerId) clearInterval(timerId),timerId=null; change2(thumbs.index(this)); setTimer(); return false; }); setTimer(); function setTimer(){ timerId=setTimeout(timeProcess,interval); return false; } function timeProcess(){ change((index+1)%thumbs.length); timerId=setTimeout(arguments.callee,interval); } function change2(t_index){ thumbs.eq(index).removeClass(active); thumbs.eq(t_index).addClass(active); setTimeout(function(){ content.eq(index).stop(true, true).fadeOut(0), cap.eq(index).stop(true, true).hide() ;}, 0); setTimeout(function(){ index=t_index; content.eq(index).fadeIn(0), cap.eq(index).fadeIn(0) ;}, 0) } }); </script>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2014/11/18 10:14