표시 할 이미지를 가져올 수 없습니다.

Question

제가 만들고있는 페이지에 문제가 있습니다. 외부 div가 포함 된 컨트롤이있는 Js 사이클이 있으며 arrow_back 클래스는 호버 상태를 표시하지만 정상 상태는 표시하지 않습니다. (. 기본 & 호버 상태 포함) 동일한 코드는 여기에 arrow_forward 버튼에 대한 작동 그것을위한 CSS입니다 :

.arrow_back{ 
    width:42px; 
    height:42px; 
    position:relative; 
    z-index:9999; 
    left:8px; 
    top:-83px; 
} 
.arrow_back:hover{ 
    background:url(../images/arrow_back_hover.png) no-repeat; 
} 
.arrow_forward{ 
    background:url(../images/arrow_forward.png) no-repeat; 
    width:42px; 
    height:42px; 
    position:relative; 
    top:-84px; 
    right:-637px; 
    z-index:9999; 
} 
.arrow_forward:hover{ 
    background:url(../images/arrow_forward_hover.png) no-repeat; 
} 

과 HTML :

<div class="image"> 
    <div class="slideshow"> 
    <img src="images/inside/cycle1.jpg" /> 
    <img src="images/inside/cycle2.jpg" /> 
    <img src="images/inside/cycle3.jpg" /> 
    </div> 
</div> 
    <div class="controls"> 
    <img src="images/arrow_back.png" width="42" height="42" class="arrow_back" /> 
    <img src="images/arrow_blank.png" class="arrow_forward" /> 
    </div> 

사람이 몇 가지 조언을 제공 할 수있는 경우. 나는 지금까지 일주일 내내 코드를 꼼짝 않고 바라 보았고, 나의 두뇌는 조금 토스트되었다. 아마도 나는 신선한 눈이 필요하다는 것을 아주 분명하게 알 수 있습니다.

Answer 1

arrow_back 클래스의 배경 이미지가 누락되었습니다.

.arrow_back{ 
    background:url(../image/arrow_back.png) no-repeat; 
    width:42px; 
    height:42px; 
    position:relative; 
    z-index:9999; 
    left:8px; 
    top:-83px; 
} 
.arrow_back:hover{ 
    background:url(../images/arrow_back_hover.png) no-repeat; 
} 

또한 javascript 태그는 자바 스크립트와 관련이 없으므로 제거되었습니다.