2つの同一の「カメラ」スライドショー。 1つは動作し、1つは面白いです

Question

2つの同一のスライドショーを表示するためにJAVAコードを使用していた非常に古いWebページで作業しています。私はこれをjQuery Camera Pluginにアップデートすることを任されています。

以前はプラグインを使用していましたが、これは非常に簡単ですが、右側のスライドショーは非常に珍しいことです。画像が切り替わり、単純に消えます。なぜこのようなことが起こっているのか誰かが明らかにしてくれるのだろうかと思っています。

注記馬鹿げた古いHTMLとすべてのインラインCSSを許してください。それは私のコードではありません！ :(

はJavaScript

<script type="text/javascript"> 
    $(function() { 
    $('.camera_wrap').camera({ 
     pagination: false, 
     thumbnails: false, 
     navigation: false, 
     playPause: false, 
     time: 3000, 
     loader: 'none' 
    }); 
    }); 
</script> 

HTML

<table style="width:800px;height:220px;margin:0 auto;" border="0"> 
     <tr> 
      <td style="width:266px"> 

        <div class="camera_wrap" id="cw1" style="width:266px;height:185px;"> 
         <div data-src="../JPEGS/3.jpg"></div> 
         <div data-src="../JPEGS/4.jpg"></div> 
         <div data-src="../JPEGS/5.jpg"></div> 
         <div data-src="../JPEGS/6.jpg"></div> 
         <div data-src="../JPEGS/7.jpg"></div> 
         <div data-src="../JPEGS/11a.jpg"></div> 
         <div data-src="../JPEGS/14.jpg"></div> 
        </div> 


      </td> 
      <td style="width:268px;text-align:center;" valign="middle"> 
       <b><font color="#FFFFCC" face="Arial Black" size= 
       "5"><i>ENGINEERING</i></font></b> 
       <p><b><font color="#FFFFCC" face="Arial Black" size= 
       "5"><i>ARCHITECTURE</i></font></b></p> 
       <p><b><font color="#FFFFCC" face="Arial Black" size= 
       "5"><i>SURVEYING</i></font></b></p> 
       <p><b><font color="#FFFFCC" face="Arial Black" size= 
       "5"><i>PLANNING</i></font></b></p> 
      </td> 
      <td style="width:266px"> 

        <div class="camera_wrap" id="cw2" style="width:266px;height:185px;"> 
         <div data-src="../JPEGS/3.jpg"></div> 
         <div data-src="../JPEGS/4.jpg"></div> 
         <div data-src="../JPEGS/5.jpg"></div> 
         <div data-src="../JPEGS/6.jpg"></div> 
         <div data-src="../JPEGS/7.jpg"></div> 
         <div data-src="../JPEGS/11a.jpg"></div> 
         <div data-src="../JPEGS/14.jpg"></div> 
        </div> 

      </td> 
     </tr> 
    </table> 

Answer 1

私は

で参照し、その後、私はあなたが別のID CW1とCW2を持って見ることができ、スライドショーを区切るしようとします

<script type="text/javascript"> 
    $(function() { 
    $('#cw1').camera({ 
     pagination: false, 
     thumbnails: false, 
     navigation: false, 
     playPause: false, 
     time: 3000, 
     loader: 'none' 
    }); 
$('#cw2').camera({ 
     pagination: false, 
     thumbnails: false, 
     navigation: false, 
     playPause: false, 
     time: 3000, 
     loader: 'none' 
    }); 
    }); 
</script>