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 回答