slideViewrプラグインを(2007-2009 Gian Carlo Mingati |インタラクティブメディア向けのデザインと開発)autoplayから作成することについてのご意見はありますか?Jquery slideViewerの自動再生を行うことはできますか?
私はslideViewerProにアップグレードしようとしましたが、サムネイルやその他のものは好きではありませんでした。
ありがとうございました。
slideViewrプラグインを(2007-2009 Gian Carlo Mingati |インタラクティブメディア向けのデザインと開発)autoplayから作成することについてのご意見はありますか?Jquery slideViewerの自動再生を行うことはできますか?
私はslideViewerProにアップグレードしようとしましたが、サムネイルやその他のものは好きではありませんでした。
ありがとうございました。
私はそれを参照してください方法あなたは基本的にここに3つのオプションがあります。
(1) - 利用slideViewProが、thumbsVis:false
オプションを使用して無効にサムネイルが以下のように
$("div#noui").slideViewerPro({
galBorderWidth: 0,
autoslide: true,
thumbsVis: false,
shuffle: true
});
(2) - jQuery cycle plug-inの使用に切り替える代わりに
(3) - 元のslideViewer
のソースコードを編集し、タイマーを使用してナビゲーションでクリックイベントを発生させることで、独自のautoslide
の実装を追加します。
私はあなたの靴にあった場合、私は上記のオプション1.
Here´s my implementation: var theLinks; var nCount = 0; var theTimerID; function init(){ $("div#mygalone").slideView(); theLinks = jQuery('#stripTransmitter0 a'); //for kill interval purposes theTimerID = setInterval("autoSlide()", 8000); } function autoSlide(){ nCount++; if(nCount == theLinks.length) nCount = 0; console.log(theLinks); jQuery(theLinks[nCount]).trigger("click"); } $(window).bind("load", init);
に固執するだろうがInternet Explorerで動作しません。代わりに、私はそれを調整することをお勧めします:
<script type="text/javascript">
var theLinks;
var nCount = 0;
var theTimerID;
function init(){
$("div#mygalone").slideView();
theLinks = jQuery('#stripTransmitter0 a');
//for kill interval purposes
theTimerID = setInterval("autoSlide()", 5000);
}
function autoSlide(){
jQuery.each(theLinks, function(i){
if(jQuery(this).hasClass('current')){
jQuery(theLinks[((i+1 < theLinks.length) ? (i+1) : 0)]).trigger("click");
return false;
}
});
}
$(window).bind("load", init);
</script>
別のライブラリに変更することなく、完璧に私のために働いた – madelman
ありがとう。オプション1は非常にうまく動作します。レッスンをありがとう。 – couchua