[jquery] vticker 사용하여 배너 상하 롤링하면서 메인이미지 변경하기

vticker.zip

[jquery] vticker 사용하여 배너 상하 롤링하면서 메인이미지 변경하기

배너에 마우스가 오버되면 좌측 메인 이미지가 변경된다.

배너가 하에서 상으로 움직이면서 좌측 메인 이미지도 배너에 맞게 변경된다.

이 부분을 적용하려고 jquery.vticker-min.js 에서

            f.animate({
                top : "-=" + d + "px"
            }, e.speed, function() {
                changeTodayMainImg(a(this).children("li:first").attr('id'));
                a(this).children("li:first").remove();
                a(this).css("top", "0px")
            });

을 수정했다. changeTodayMainImg()는 메인 이미지를 변경하기 위해서 만든 함수이다.

배너는 ul li를 사용하고 li에 id값을 주어서 배너가 사라질때 id값을 가져와

배너와 맞는 메인이미지를 변경한 것이다.

[jquery] vticker 사용하여 배너 상하 롤링하면서 메인이미지 변경하기