Plug-in de ciclo:Transforme a miniatura do pager em um controle deslizante

Question

Estou tentando trabalhar em uma galeria de imagens de ciclo e até agora está tudo funcionando perfeitamente mas queria saber se era possível transformar a miniatura do pager em um slider.

Eu tento este plugin simplesmente role e infelizmente não está funcionando.Não sei porque, talvez porque haja um conflito entre dois plugins.

Eu só quero virar o polegar como na imagem abaixo:

Answer 1

Neste caso, descobri que é melhor alterar o plugin que você usou, então descobri que esse plugin pode lidar com isso.

https://adgallery.codeplex.com/

Galeria de anúncios já está deslizando miniaturas na parte inferior da imagem e fácil de usar.

Answer 2

existe um plug-in de controle deslizante no githublink para a página do GitHub Eu achei isso semelhante ao seu controle deslizante e você pode ver a demonstração ao vivo de lá deslizante em priteshgupta.com/demos/templates/vivid-photo/ the miniaturas slide no mousemove evento

então modifiquei um pouco adicionando minha função personalizada para deslizar automaticamente a miniatura

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

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

Agora ele funcionará como você declarou na consulta que isso mudou de visualizaçãolink para demonstraçãoarquivo js que eu editei Página da galeria que editei se você quiser acessar qualquer evento como clicar em jquery, você pode usar o gatilho para isso