0

やあみんな、ちょっといじって、JavaScriptをいじっている瞬間に時間をつぶすためにいくつかの新しいことを学んでいて、私は問題に遭遇しました。

問題は、インターネットの小さなjQueryスライドショーをダウンロードして単純なフェードスライドショー(必要とは思わないものを削除するためにハッキングした)であり、2つの独立したスライドショーを同時に実行しようとしていることです。時間。これらのスライドショーの幅と高さ、できれば遷移時間の寸法を変えたいのですが、私の問題は、関数が1つのスライドショーしか実行しないことです。

$(document).ready(function(){
    $('#slideshow').fadeSlideShow({
        width: 300,
        height: 343,
    });

#slideshow変更を言っ#slideshow1て、同時に同じコードで実行する方法はあり#slideshowますか?明らかに、私はいくつかの名前を変更して大量のテキストを含めることができましたが、idはよりきちんとした方法を見つけることを好みます。

私はかなり初心者なので、アドバイスは大歓迎です

4

3 に答える 3

2
$(document).ready(function()
{
     $('#slideshow').fadeSlideShow({ width: 300, height: 343 });
     $('#slideshow1').fadeSlideShow({ width: 300, height: 343 });
});
于 2013-02-15T04:56:37.903 に答える
1

プラグインが複数の要素で機能すると仮定します。

  $('#slideshow', '#slideshow1').fadeSlideShow({
    width: 300,
    height: 343
  });

プラグインがベストプラクティス用にコーディングされている場合は、上記が機能するはずです。セレクター文字列の配列をループすることも同じように機能します。

  var slideshows = ['#slideshow', '#slideshow1', '#slideshow2'];
  $.each(slideshows, function(el, i) {
    $(el).fadeSlideShow({
      width: 300,
      height: 343
    });
  });

それ以外の場合、divが論理的な順序である場合は、プログラムでセレクターを作成できます。

  var slideshowStart = 1;
  var slideshowEnd = 50;
  for(var i = slideshowStart; i <= slideshowEnd; i++) {
    $('#slideshow'+i).fadeSlideShow({
      width: 300,
      height: 343
    });
  }

または、軽量の画像スライドショープラグインはjQuery.cycleです。それはよくテストされており、非常に拡張可能です。

http://jquery.malsup.com/cycle/

于 2013-02-15T05:03:20.007 に答える
0

#slideshow単一のdivなどのDOM要素IDを示すだけなので、これをに変更してIDが?#slideshow2の追加を作成することはできません。これが機能しない場合、おそらくスライドショーコードはこれが不可能な方法で書かれていますか?divslideshow2

于 2013-02-15T04:55:06.110 に答える