Jquery slideViewer неверно отображен

Question

Я работаю над созданием слайд-шоу для фотогалереи и использую код с этого сайта: 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; 
}