이미지가 슬라이드 쇼에 표시되지 않음

Question

슬라이드 쇼를 만들고 있지만 이미지가 엉망이고 문제를 찾을 수 없습니다.

http://epicureancateringaz.com/New/index

슬라이드 쇼의 이미지에 차이를 만드는 무언가가있다.

<div id="slideshow"> 
     <ul> 
<li id="photos1"><a href=""><img src="images/photos/1.jpg" alt="img 1" /></a></li> 
<li id="photos2"><a href=""><img src="images/photos/2.jpg" alt="img 2" /></a></li> 
<li id="photos3"><a href=""><img src="images/photos/3.jpg" alt="img 3" /></a></li> 
<li id="photos4"><a href=""><img src="images/photos/4.jpg" alt="img 4" /></a></li> 
     </ul> 
    </div> 
    <div id="slideshow-nav"> 
     <ul> 
      <li><a href="#photos1"></a></li> 
      <li><a href="#photos2"></a></li> 
      <li><a href="#photos3"></a></li> 
      <li><a href="#photos4"></a></li> 
     </ul> 
    </div> 

// JavaScript Document 
$(document).ready(function() { 
$("#slideshow").css("overflow", "hidden"); 
$("#slideshow-nav").css("visability", "visable"); 
$("#slideshow-nav a[href=#photos1]").addClass("active"); 

$("#slideshow-nav").localScroll({ 
    target:'#slideshow', axis: 'x' 
}); 

$("#slideshow-nav a").click(function(){ 
    $("#slideshow-nav a").removeClass("active"); 
    $(this).addClass("active"); 
}); 
}); 

Answer 1

이것이 당신이 언급하고있는 차이이며, 상단의 차이에 대한 CSS에 문제가 나타 납니까?

Div 및 UL은 모두 블록 요소입니다.

ul { 
    margin-top: 0; 
} 

또는 왼쪽의 차이는 다음과 같은 CSS로 해결할 수 : UL에서 다음과 같은 스타일 넣어

li { 
    position: absolute; 
    left: 0; 
} 

희망이

Answer 2

하는 데 도움이 시도를

#slideshow ul { 
    margin-top: 0; 
}