1

私はフォトギャラリー スライドショーの作成に取り組んでおり、このサイトのコードを使用しています: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html。

書かれているとおりにコードを組み込み、スライドショーを動作させましたが、正しく動作しません。最初の画像は正しく表示されますが、後続の各画像では正しく整列されず、最後の画像はまったく表示されません。最後の画像の問題は、画像の数に関係なく発生します。4 つの画像のみを表示すると、画像 #4 は表示されません。8 つの画像を表示すると、画像 #8 は表示されません。

ここで私のスライドショーを見ることができます: http://jvidell.com/harlowlake.html

最初の画像の後に正しく並べられず、最後の画像が表示されない理由についての考えやアイデアはありますか?

画像の HTML は次のとおりです。

 <div id="galleryMargin">
 <div id="gallery" class="svw" style="width: 750px; height: 498px;">
 <ul>
 <li><img src="img/harlowLake/HL001a.jpg" /></li>
 <li><img src="img/harlowLake/HL002a.jpg" /></li>
 <li><img src="img/harlowLake/HL003a.jpg" /></li>
 <li><img src="img/harlowLake/HL004a.jpg" /></li>
 </ul>
 </div> 
 </div>

スクリプトは次のとおりです。

 <script type="text/javascript">
$(window).bind("load", function() {
$("div#gallery").slideView()
 });
 </script>
4

1 に答える 1

1

問題は、スライドショー画像にボーダーを設定しているため、画像全体の幅がコンテナーの幅よりも大きくなっていることです。したがって、境界線を削除するだけで、最後の画像が表示されます。

img {
/*border: 1px solid black;*/ /*Remove this line*/
display: inline;
}
于 2012-04-12T00:11:09.343 に答える