마우스 휠 스크롤 - 스크롤 이미지 변경

Question

사용자가 시작한 마우스 휠 스크롤에서 이미지를 변경하고 싶습니다. 나는 복사하여이 웹 사이트의 코드를 붙여 :

http://www.javascriptkit.com/javatutors/onmousewheel.shtml

을 그냥 내 이미지 이름을 변경했습니다. 다음은 코드입니다.

<img id="slideshow" src="images/trial1/img-1.png" /> 

<script type="text/javascript"> 
var myimages=[ 
    "img-1.png", 
    "img-2.png", 
    "img-3.png", 
    "img-4.png", 
    "img-5.png" 
] 
var slideshow=document.getElementById("slideshow") 
var nextslideindex=0 
function rotateimage(e){ 
    var evt=window.event || e 
    var delta=evt.detail? evt.detail*(-120) : evt.wheelDelta 
    nextslideindex=(delta<=-120)? nextslideindex+1 : nextslideindex-1 
    nextslideindex=(nextslideindex<0)? myimages.length-1 : (nextslideindex>myimages.length-1)? 0 : nextslideindex 
    slideshow.src=myimages[nextslideindex] 
    if (evt.preventDefault) 
    evt.preventDefault() 
    else 
    return false 
} 
var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel" 

if (slideshow.attachEvent) 
    slideshow.attachEvent("on"+mousewheelevt, rotateimage) 
else if (slideshow.addEventListener) 
    slideshow.addEventListener(mousewheelevt, rotateimage, false) 
</script> 

어떤 이유로 이미지가로드되지만 스크롤 할 때 깨집니다. 나는 경로와 코드를 세 번 점검 했으므로 잘못된 점이 무엇인지 잘 모릅니다. 저는 여기에 스크롤 이미지를 얻기 위해 노력하고있어 페이지의 URL입니다 :

http://violetoeuvre.com/photography.html

Answer 1

당신은 경로를 변경하는 경우 IMG-x.png 전에 images/trial1/를 추가하는 것을 잊었다.