Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

XwReK

bxSlider wydłużenie czasu przejścia do następnej treści [Slider]

Promowane odpowiedzi

Witam

 

Mam mały problemik mianowicie mam slider i chcę mu wydłużyć czas do zmiany na następną treść bo obecnie jest chyba jakoś 5 a ja chce dać 10sec.

Podsyłam pliki 2 w załączniku i proszę mi zmienić na 10 bądź powiedzieć która linijka i plik za to odpowiada ;).

Próbowałem speed ale to nie poskutkowało ;/.

 

Demo: http://porobieni.com - główny slider

 

Pozdrawiam

 

Pliki:

jquery.bxslider.js

jquery.bxslider.min.js

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Niezły design ale z ten kursor usuń ;) 

 

Co do pytania, konfiguracja jest w tym kodzie bezpośrednio na stronie:

                    jQuery.noConflict();                           
                            jQuery(document).ready(function($){
                            $('.rotator').bxSlider({
                            auto:true,
                            autoStart:true,
                            controls:false
                            });
                            });

Wystarczy dodać: pause: 10000

1000 = 1 sekunda.

 

czyli:

                    jQuery.noConflict();                           
                            jQuery(document).ready(function($){
                            $('.rotator').bxSlider({
                            auto:true,
                            autoStart:true,
                            pause: 10000,
                            controls:false
                            });
                            });

Inne przykłady: http://bxslider.com/examples

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
9 minut temu, franky napisał:

 

A nie 1000ms = 1 sekunda?

 

Poprawiłem wcześniej.

 

speed to szybkość przewijania a pause to czas jaki ma upłynąć pomiędzy następnym sliderem.

 

Tutaj możesz się pobawić: http://jsfiddle.net/b8hajpsb/

 

 

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Dzięki temat do zamknięcia ;) rep macie ;p

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

  • Podobna zawartość

    • Przez Krugerz
       
      Nie znalazłem na internecie żadnego fajnego pluginu dropdown do jquery, więc napisałem swój. Zamyka się po kliknięciu na obszar poza blokiem, a otwiera po wciśnięciu wybranego elementu.

      Screen/Demo: Edit fiddle - JSFiddle
       

       
      HTML
      <span id="activer">Otwórz</span> <ul class="dropdown"> <li>test</li> <li>test 2</li> </ul> CSS
      .dropdown { background: #ccc; list-style: none; padding: 10px; margin: 0; width: 100px; border: 1px solid #000; } .dropdown li { border-bottom: 1px solid #000; } #active { cursor: pointer; display: block; } jQuery
      (function($) { $.fn.dropdown = function(options) { var el = $(this); if (typeof options["activer"] !== "undefined" && $(options["activer"]).length != 0) { var activer = $(options["activer"]); el.hide(); activer.click(function(e) { e.stopPropagation(); el.fadeToggle(); }); $(document).click(function(e) { if(!el.is(":hidden") && !$(e.target).is(el) && !$(e.target).parents().is(el) && !$(e.target).is(activer)) { el.fadeOut(); } }); } } })(jQuery); $(".dropdown").dropdown({ activer: '#activer' })  
    • Przez BlackIce
      Cześć! To znowu ja i kolejne nabijanie reputacji
      Efekt:
       
      Demo:
      Ukryta zawartość CodePen - Step gradient menu [jQ]
       
×