2009-06-17 7 views
0

slideViewrプラグインを(2007-2009 Gian Carlo Mingati |インタラクティブメディア向けのデザインと開発)autoplayから作成することについてのご意見はありますか?Jquery slideViewerの自動再生を行うことはできますか?

私はslideViewerProにアップグレードしようとしましたが、サムネイルやその他のものは好きではありませんでした。

ありがとうございました。

答えて

1

私はそれを参照してください方法あなたは基本的にここに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.

+0

ありがとう。オプション1は非常にうまく動作します。レッスンをありがとう。 – couchua

0
 
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); 
2

に固執するだろうが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> 
+0

別のライブラリに変更することなく、完璧に私のために働いた – madelman