0

同じページ (キャプション付き) に複数のギャラリーを配置する必要があり、この JavaScript を実装しようとしていますが、次の | を取得できません。以前のリンクはどちらのギャラリーでも機能します。JavaScript の初心者 - 何か提案はありますか?

これがフィドルです：http://jsfiddle.net/astHh/11/

HTML:

<div style="text-align: center">
  <!--  Place the first image here  -->
  <img src="http://www.cool-smileys.com/images/out11.jpg" id="mypic" name="mypic" alt="information" border="0" height="150" width="200">
  <br>
  <!--  Place the text for the first image here  --><div id="burns">Caption one</div>
  <p>
  <a href="#" onclick="S2.UpDown(-1); return false;">&laquo; Previous</a> |
  <a href="#" onclick="S2.UpDown(1); return false;"> Next &raquo;</a>
</div>

<p>

<div style="text-align: center">
  <!--  Place the first image here  -->
  <img src="http://www.cool-smileys.com/images/out13.jpg" id="mypic2" name="mypic2" alt="information" border="0" height="150" width="200">
  <br>
  <!--  Place the text for the first image here  --> <div id="burns2">Caption two</div>
  <p>
  <a href="#" onclick="S2.UpDown(-1); return false;">&laquo; Previous</a> |
  <a href="#" onclick="S2.UpDown(1); return false;"> Next &raquo;</a>
</div>

Javascript:

<script type="text/javascript">


function SimpleSlideShow(o){
 this.img=document.getElementById(o.ImageID);
 this.txt=document.getElementById(o.TextID);
 this.ary=o.Array||[];
 this.cnt=0;
}

SimpleSlideShow.prototype.UpDown=function(ud){
  this.cnt+=ud;
  this.cnt=this.cnt<0?this.ary.length-1:this.cnt==this.ary.length?0:this.cnt;
  if (this.ary[this.cnt]){
   if (this.img&&this.ary[this.cnt][0]){
    this.img.src=this.ary[this.cnt][0];
    this.img.alt=this.ary[this.cnt][1];
   }
   if (this.txt){
    this.txt.innerHTML=this.ary[this.cnt][2]||'';
   }
  }
 }

S1=new SimpleSlideShow({
 ImageID:'mypic',
 TextID:'burns',
 Array:[
  ['http://www.cool-smileys.com/images/out11.jpg,' 'Caption one', 'The beautiful mountains'],
  ['http://www.cool-smileys.com/images/out10.jpg','Caption two','The crystal clear lake'],

]
});

S2=new SimpleSlideShow({
 ImageID:'mypic2',
 TextID:'burns2',
 Array:[
  ['http://www.cool-smileys.com/images/out13.jpg','caption one', 'The beautiful mountains'],
  ['http://www.cool-smileys.com/images/out12.jpg','caption two','The lonesome, barren tree']
]
});


</script>
4

1 に答える 1

2

JavaScript に複数の構文エラーがあります。

スクリプト ペインから削除します。

<script type="text/javascript">

</script>

「S1」の定義内で、カンマがありません (「キャプション 1」の直前):

S1=new SimpleSlideShow({
    ImageID:'mypic',
    TextID:'burns',
    Array:[
        ['http://www.cool-smileys.com/images/out11.jpg,','Caption one', 'The beautiful mountains'],
        ['http://www.cool-smileys.com/images/out10.jpg','Caption two','The crystal clear lake'],
    ]
});

次に、HTML ペインで、最初のセットの前/次のリンクを更新して、S2 ではなく S1 をターゲットにする必要があります。

更新されたフィドル: http://jsfiddle.net/astHh/12/

于 2013-08-14T21:58:41.217 に答える