사이클 플러그인 : 호출기 축소판을 슬라이더로 돌리십시오.

Question

나는주기 이미지 갤러리에서 일하기 위해 노력하고 있으며 지금까지 모든 것이 완벽하게 작동하지만 가능성이 있는지 여부를 알고 싶었습니다.

이 플러그인을 시도합니다. simpleyscroll 및 불행히도 작동하지 않습니다.두 개의 플러그인 사이에 충돌이 있기 때문에 왜 아마도 아마도 아마도 모르겠습니다.

아래의 이미지처럼 엄지 손가락을 돌리고 싶습니다.

Answer 1

이 경우에 사용한 플러그인을 변경하는 것이 낫다는 것을 알게되었습니다. 그래서이 플러그인이 쉽게 처리 할 수 있음을 발견했습니다.

"nofollow"> https://adgallery.codeplex.com//a>

AD 갤러리는 이미 이미지의 맨 아래에 미리보기 썸네일을 미끄러 져 있으며 사용하기 쉽습니다.

Answer 2

GitHub에는 슬라이더 플러그인이 있습니다. github 페이지에 링크 나는 당신의 슬라이더와 비슷한 것을 발견했습니다 그리고 priteshgupta.com/demos/templates/vivid-photo/에서 슬라이더의 라이브 데모를 볼 수 있습니다. mouseMove 이벤트에서 축소판 미끄러짐

그런 다음 Thumbnail

자동 슬라이딩을위한 사용자 정의 기능을 추가 하여이 작업을 약간 수정했습니다.

  for (var i = 0; i < 1500; i=i+30) {
     $thumbScroller_container.animate({left:-i}, $scrollEasing,$scrollEasingType); 
   }

.

원래 그것은

$thumbScroller.mousemove(function(e){
        if($thumbScroller_container.width()>sliderWidth){
            var mouseCoords=(e.pageX - $placement[1]);
            var mousePercentX=mouseCoords/sliderWidth;
            var destX=-((((totalContent+($tsMargin*2))-(sliderWidth))-sliderWidth)*(mousePercentX));
            var thePosA=mouseCoords-destX;
            var thePosB=destX-mouseCoords;
            if(mouseCoords>destX){
                $thumbScroller_container.stop().animate({left: -thePosA}, $scrollEasing,$scrollEasingType); //with easing
            } else if(mouseCoords<destX){
                $thumbScroller_container.stop().animate({left: thePosB}, $scrollEasing,$scrollEasingType); //with easing
            } else {
                $thumbScroller_container.stop();  
            }
        }
});

.

이제는 쿼리에 명시된대로 작동합니다. 이것은 미리보기가 변경되었습니다 데모에 대한 링크 내가 편집 한 JS 파일 갤러리 페이지 편집 jQuery에서 클릭하는 이벤트에 액세스하려면 해당

트리거를 사용할 수 있습니다.