대상 href 문제 업데이트

Question

작은 이미지 갤러리에서 작은 축소판을 굴러 다니면 더 큰 이미지가 그 위에 표시됩니다. 이미지를 클릭하면 전체 크기 버전이 오버레이로로드됩니다.

http://shopcoobie.server303.com/shop/

문제는, 더 큰 이미지입니다 롤오버가 잘 작동하고 있지만 내가 가지고있는 스크립트는 내가 이미지를 클릭 처음으로 작동하는 것 같다 전체 크기 이미지를 가리키는 HREF를 업데이트합니다. 임은 한 번만 단지 확실하지 왜 작동

$$('.thumbs img').each(function(s) { 

$(s).observe('mouseover', function(e) { 
    var el = e.target; 
    var thumb = $(el).src; 
    var large = $(el).alt; 
    $(el).up(3).down(1).href = large; 
    $(el).up(3).down(2).src = thumb; 
    console.log((el).up(3).down(1).href); 
    console.log(thumb); 
}); 
}); 

콘솔은 적절한 이미지 참조를 출력, 그래서이 작업을 해봐야 할 것 같습니다 (부분적 않습니다).

덕분에 리치

Answer 1

나는 lightview 플러그인 당신은 동적으로 SRC를 변경하고 업데이트하지 않는, 첫번째 이미지의 목록을 축적 생각합니다. 위의 mouseover 핸들러 끝에 Lightview.updateViews();에 대한 호출을 추가해보십시오. Lightview에서

:

Lightview.updateViews() : 페이지의 모든 Lightview 요소의 리셋을 강제로. 대부분의 경우 Lightview가 새로 입력 된 요소를 자동으로 인식하므로이 작업을 수행 할 필요가 없습니다. 기존 요소를 업데이트 한 후이 함수를 호출하려면 이 필요할 수 있습니다.

변경 사항이 자동으로 적용되지 않는 경우입니다.