Jquery slideViewerが正しく表示されない

Question

私はphotogalleryスライドショーの作成に取り組んでおり、このサイトのコードは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> 

Answer 1

問題は、あなたが全体のイメージがコンテナよりも幅になり、スライドショーの画像上に境界線を設定してあります幅。だから、境界線を取り除くだけで、最後のイメージが表示されます。

img { 
/*border: 1px solid black;*/ /*Remove this line*/ 
display: inline; 
}