Jquery slideViewer wird nicht korrekt angezeigt

Question

Ich arbeite an der Erstellung einer Fotogalerie Diashow und verwende den Code von dieser Website: http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html.

Ich habe den Code integriert, wie es geschrieben ist und ich habe die Diashow funktioniert, aber es funktioniert nicht richtig. Das erste Bild wird korrekt angezeigt, aber bei jedem folgenden Bild wird es nicht korrekt ausgerichtet und das letzte Bild wird nicht angezeigt. Das Problem für das letzte Bild passiert, egal wie viele Bilder ich habe. Wenn ich nur 4 Bilder zeige, wird Bild 4 nicht angezeigt. Wenn ich 8 Bilder zeige, wird Bild # 8 nicht angezeigt.

Sie können meine Diashow hier lesen: http://jvidell.com/harlowlake.html

Irgendwelche Gedanken oder Ideen auf, warum es richtig nach dem ersten Bild nicht Schlange ist und nicht das letzte Bild zeigt? Hier

ist der HTML-Code für die Bilder:

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

Hier ist das Skript:

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

Answer 1

Das Problem ist, Sie Grenze auf Ihrer Diashow Bild gesetzt haben, die als die Behälterbreite ganze Bilder machen Breite. Also entferne einfach den Rahmen, dann solltest du das letzte Bild sehen.

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