none
Problema com link usando banner Slick http://kenwheeler.github.io/slick/ RRS feed

  • Pergunta

  • Bom dia!

    estou usando o banner modelo (Center Mode), mas eu estou tentando colocar link no banner depois que ele chega no centro e não em transição

    quando eu clico nos banner para eles irem para o meio, o o link está ativando, mas quero q ele só seja ativo quando o banner fica centralizado.

    poderiam me ajudar?

      <div class="stack">
    
        <div class="boxes">
           <h1><a id="l1" href="http://example.com">1</a></h1>
    
           </div>
        <div class="boxes">
             <h1><a id="l2" href="http://example.com">2</a></h1>
    
        </div>
        <div class="boxes">
            <h1><a id="l3" href="http://example.com">3</a></h1>
    
        </div>
        <div class="boxes">
             <h1><a id="l4" href="http://example.com">4</a></h1>
    
        </div>
        <div class="boxes">
            <h1><a id="l5" href="http://example.com">5</h1>
    
        </div>
        <div class="boxes">
            <h1><a id="l6" href="http://example.com">6</a></h1>
    
        </div>
    </div>
      
      <script type='text/javascript'>
        
    
        var slick = $('.stack').slick({
            centerPadding: '160px',
            centerMode: true,
            infinite: true,
            arrows: false,
            draggable: false,
            touchMove: true,
            variableWidth: true,
            dots: false,
            swipeToSlide: true,
            slidesToShow: 3,
            slidesToScroll: 3,
            focusOnSelect: true,
            mobileFirst: true
           });
    
        var slider = $('.slider').slider({
            max: 100,
            min: 0,
            value: 93
        });
    
        $(".slider").on("slide mouseenter mousedown", function (event) {
            event.stopPropagation();
        });
    
        var highlightDiv = document.getElementById('highlight');
        var slideIndex = highlightDiv.getAttribute('data-slick-index');
         var l3 = document.getElementById('l3');
    
        if ((highlightDiv.className == 'slick-center') || (slideIndex == 1)) {
            $('#highlight').addClass('red');
           }
    
    
    </script>

    sábado, 4 de abril de 2015 14:18

Respostas

  • Não consegui a solução e resolvi trocar de fornecedor.

    https://css-tricks.com/moving-boxes/

    esse resolveu meu problema!

    • Marcado como Resposta Dudú terça-feira, 7 de abril de 2015 23:41
    terça-feira, 7 de abril de 2015 23:41