Plugin del ciclo: gira la miniatura del cercapersone in un cursore

Question

Sto cercando di lavorare su una galleria di immagini del ciclo e finora tutto funziona perfettamente ma volevo sapere se fosse possibile girare la tappatura della cercata in un cursore.

Provo questo plugin SimplysCroll e sfortunatamente non funziona.Non so perché forse perché c'è un conflitto tra due plugin.

Voglio solo girare il pollice come l'immagine qui sotto:

Answer 1

In questo caso ho scoperto che è meglio cambiare il plugin che hai usato, quindi ho scoperto che questo plugin può gestirlo facilmente.

https://adgallery.codeplex.com/

Galleria pubblicitaria ha già scorrimento in miniatura nella parte inferiore dell'immagine e facile da usare.

Answer 2

C'è un plug-in Slider su GitHub link alla pagina GitHub Ho trovato questo simile al tuo cursore E puoi vedere la demo live di là cursore a priteshGupta.com/demos/Templates/vivid-photo/ Le miniature scivolano sull'evento MouseMove

Poi ho modificato questo leggermente aggiungendo la mia funzione personalizzata per lo slittamento automatico della miniatura

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

.

Originariamente era

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

.

Ora funzionerà come indicato nella query Questa è un'anteprima modificata link alla demo file js che ho modificato Gallery Page che ho modificato Se si desidera accedere a qualsiasi evento come fare clic su JQuery, è possibile utilizzare il trigger per questo