Javascript Jquery slideViewer未正确显示

我正在创建一个photogallery幻灯片，并使用此网站的代码：

我已经合并了代码，因为它是书面的，我得到了幻灯片工作，但它是不正确的工作。第一个图像显示正确，但后续每个图像都没有正确对齐，最后一个图像根本没有显示。不管我有多少张图片，最后一张图片的问题都会发生。如果我只显示4个图像，则图像#4不会显示。如果我显示8个图像，则图像#8不显示

您可以在此处查看我的幻灯片：

有什么想法或想法，为什么它没有正确排列在第一张图片之后，而没有显示最后一张图片

以下是图像的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>

$（窗口）.bind（“加载”，函数（）{
$（“div#gallery”）.slideView（）
});

问题是您在幻灯片图像上设置了边框，这使得整个图像的宽度大于容器的宽度。所以只要去掉边框，你就会看到最后一张图片

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

---

问题是您在幻灯片图像上设置了边框，使整个图像的宽度大于容器的宽度。所以只要去掉边框，你就会看到最后一张图片

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

---

非常感谢你！我忘记了我在css中为图像设置了边框。我删除了它，解决了问题。非常感谢！我忘记了我在css中为图像设置了边框。我把它取下来，问题就解决了。