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

XwReK    634

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
SeNioR    6,701

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
Gość
Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.

  • Podobna zawartość

    • Przez Bartek Huza
      Witam! Ostatnio siedziałem przed jednym wyzwaniem, mianowicie nad zrobieniem wysuwanego menu. Udało mi się je skończyć tylko nie działa poprawnie na stronie głównej oraz scrollUp pojawia się gdy scrolluje w dół podczas gdy menu jest wysunięte. Nie wiem jak to naprawić, używałem do tego css, javascript, jquery. Wysyłam pliki, z góry dzięki za pomoc.
       
      index.html


      style.css
      stylewpis.css
      img.css
      code.js
      jquery.scrollTo.min.js
      show-nav.js
    • Przez Miszczu123
      Witam,
      Wrzuciłem sobie bxSlider'a na forum, wszystko bardzo dobrze chodzi ale już po uzupełnieniu <script> tak, aby działał automatycznie wszystko się psuję. Jeżeli nie ma nic wpisanego (bez tego: auto: true, autoControls: false) to wszystko pięknie chodzi.
      HTML:
      <link href="css/jquery.bxslider.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script src="js/jquery.bxslider.js"></script> <ul class="bxslider"> <li><img src="xxx" /></li> <li><img src="xxx" /></li> <li><img src="xxx" /></li> <li><img src="xxx" /></li> </ul> <script type="text/javascript"> $(document).ready(function(){ $('.bxslider').bxSlider(); auto: true, autoControls: false }); </script>  
    • Przez rogue
      Zajmuje się tworzeniem stron internetowych HTML, landing-page, one-page, strony wizytówki, a także proste szablony pod CMS Wordpress. Oferuje staranność, dokumentacje, nowoczesność a przede wszystkim przejrzysty kod zrozumiały nawet dla laika. 
      Wykonam: strony HTML, landing-page, one-page, multi-page, blogowe szablony WordPress
       
      Zakres umiejętności:
      HTML5 & CSS3 JavaScript (podstawowy) Bootstrap 3.x UIKit  RWD WordPress Sass & Gulp.js Adobe Photoshop Podstawy UI/UX  
      Chętnych zapraszam do kontaktu a także przejrzenia mojego portfolio, gdzie link dostępny jest na moim profilu forumowym.
      Kontakt: PW na forum lub jakubwilk@stormweb.pl
    • Przez Blaku
      Siemanko.
      Jak w temacie. Mógłby mnie ktoś nakierować jak wyciągnąć JS'em lub dzięki jQuery zawartość ciasteczka?
      Nazwa ciasteczka: pll_language
      Zawartość zmienia się między en a pl 
      Chce skonstruować if'a, dzięki któremu w zależności od tego ciasteczka będę wpisywał angielski lub polski tekst. Wpisuję go dzięki jQuery.
       
      Pomoże ktoś?
    • Przez Miszczu123
      Witam,
      Wgrałem bxslider'a wszystko pięknie działa, lecz nie chodzi auto start ( żeby co kilka sekund był inny obrazek ).
       
      Wszystkie kody:
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <!-- bxSlider Javascript file --> <script src="public/js/jquery.bxslider.js"></script> <!-- bxSlider CSS file --> <link href="css/jquery.bxslider.css" rel="stylesheet" /> <script>   var jQuery = jQuery.noConflict(); jQuery(document).ready(function(){ jQuery('.slider1').bxSlider(); autoStart: true <<<< tutaj nie jestem pewny czy to ma być to >>>> }); </script>  
      Gdy dodam jakiś inny kod niż auto/autostart to bxslider się rozwala.
      Może ktoś ma jakiś inny lepszy slider?
       
      Pozdrawiam,
      Miszczu123
  • Ostatnie tematy

×