Plugin de ciclo: gire la miniatura de buscapersonas en un control deslizante

Question

Estoy tratando de trabajar en una galería de imágenes de ciclo y hasta ahora todo está funcionando perfectamente, pero quería saber si fue posible, gire la miniatura del buscapersonas en un control deslizante.

Intento este complemento SimplyScroll y, lamentablemente, no está funcionando.No sé por qué tal vez porque hay un conflicto entre dos plugin.

Solo quiero girar el pulgar como imagen a continuación:

Answer 1

En este caso, he encontrado que es mejor cambiar el complemento que usó, así que encontré que este complemento puede manejarlo fácil.

https://adgallery.codeplex.com/

La galería de anuncios ya ha correizado en miniatura en la parte inferior de la imagen y fácil de usar.

Answer 2

Hay un complemento deslizante en GitHub enlace a la página de github Encontré esto similar a tu deslizador y puede ver la demostración en vivo de allí control deslizante en priteshgupta.com/demos/templates/vivid-photo/ Las miniaturas se deslizan en el evento de mousemove

Luego modificé esto ligeramente agregando mi función personalizada para automáticamente deslizando la miniatura

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

originalmente fue

$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();  
            }
        }
});

Ahora funcionará como usted declaró en consulta Esto se cambia la vista previa Enlace a Demo archivo js que edité Página de la galería I Edited Si desea acceder a cualquier evento, como haga clic en JQERY, puede usar el disparador para ese