Duvida sobre Silder com JQuery

Front-end JavaScript
,
#1

Olá galera, sou nova aqui e inclusive estou ingressando nesta área agora. rs

  • A duvida é:
    O site que eu estou desenvolvendo esta dividido em 4 div’s cada uma com seu slider especifico, e nelas possuem ancoragem.
    Será que tem comofazer assim que clicar no menu e a ancora direcionar para o local correto, teria como fazer o slider iniciar novamente da 1ª imagem?
#2

Você mesmo que criou o slide ?
posta o código aqui que talvez eu possa ajudar !!!

#3

Na verdade eu usei um pronto, so adaptei.

JS do slider
`

 <script>
      jQuery(function() {
        jQuery('#slides').slidesjs({
          width: 120,
          height: 65,
          navigation: true,
           start: 1,
          play: {
            auto: true
          }
        });

        jQuery('#slides2').slidesjs({
          width: 120,
          height: 65,
          navigation: true,
          start: 1,
          play: {
            auto: true
          }
        });

        jQuery('#slides3').slidesjs({
          width: 120,
          height: 65,
          navigation: true,
          start: 1,
          play: {
            auto: true
          }
        });

        jQuery('#slides4').slidesjs({
          width: 120,
          height: 65,
          navigation: true,
          start: 1,
          play: {
            auto: true
          }
        });
       
       });
    </script>`

o slider + css

`

   <div class="containerSlide">
      <div id="slides2">
        <img src="./img/elumix/elumix-slider-loja.png">
        <img src="./img/elumix/elumix-pc.png">
        <img src="./img/efloor/gerencial_slider.png">
        <img src="./img/elumix/elumix-slider.png">
      </div>
    </div>

/* Slider 2*/

#slides,
#slides2,
#slides3,
#slides4{
  display: none;
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: auto;
}

.slidesjs-navigation {
  margin-top:3px;
}

.slidesjs-previous {
  margin-right: 5px;
  float: left;
}

.slidesjs-next {
  margin-right: 5px;
  float: left;
}

.slidesjs-pagination {
  margin: 6px 0 0;
  float: right;
  list-style: none;
}

.slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}

.slidesjs-pagination li a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url(img/pagination.png);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
  background-position: 0 -26px
}

#slides {
  display: none
}

.containerSlide {
  margin: 0 auto
}

`

#4

Pelo que pude ver no código você tem uma sequência, quando termina um entra o outro o slide. Mas eu não entendi como você quer fazer essa âncora, pois depende se for para uma outra página é só você mudar a ordem do seu script

#5

então a ancora é na mesma pagina, os slides eles correm juntos na mesma sequencia certo, no topo da pagina tem o menu que direciona para a ancora, e ao clicar o link desejado a primeira coisa que a aparece é o slide, so que como todos iniciam e correm na mesma sequencia, no momento que vai para a ancora a primeira imagem que aparece não é a que eu queria, não sei se deu para entender rs

#6

Entendi, então o seu slide é continuo, por isso não tem como dar um stop e chamar certo slide ou chamar aquele que você quer, agora se fosse chamado em outra página seria muito mais fácil

#7

entendi, muito obrigada assim mesmo :wink: