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    657

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,716

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 sztywan.
      Cześć, próbuje stworzyć formularz logowania za pomocą ajax i php. Mam taki prosty kod:
      <script> $(document).ready(function() { var form = $("#login_form").serialize(); $.ajax({ type: 'POST', url: 'action/login.php', data: form, beforeSend: function() { $("#info").html("Trwa sprawdzanie danych..."); } success: function(response) { if(response == "ok") { setTimeout("window.location.href = dashboard.php", 4000); } else { $("#info").html(response); } } }); }); </script> I taki plik login.php, w którym znajduje się:
      <?php if(isset($_POST['login_button'])) { $admin_email = $_POST['input_email']; $admin_password = $_POST['input_password']; $password = md5($admin_password); $admin = $database->query("SELECT * FROM `admin_users` WHERE password=$password"); if($admin->num_rows > 0) { echo "ok"; $_SESSION['admin_email'] = $admin_email; $_SESSION['admin_login'] = true; } } ?> I gdy wchodzę na stronie w konsoli wyświetla się taki błąd.
      Ale w linii 58 znajduje się to:
      url: 'action/login.php', Sprawdziłem wszystko, moim okiem i nie widzę  żeby brakowało gdzieś klamry.
      Tutaj macie link do dema, gdzie wszystko pisze: NetherShop - Darmowy sklep SMS dla twojego serwera Minecraft!
    • Przez Vafi
      Witam,
      Mam problem z napisaniem instrukcji PHP if, która przełącza ustawienia. Chcę zrobić instrukcje która czyta teraźniejszą godzinę i jeżeli jest od 10:00 do 16:00 (1 część instrukcji) to zmienia ustawienia, to samo 16:01-23:59 (2 część) i 00:00-09:59 (3 część), czyli 3 opcje godzinowe, które w zależności od godziny zmieniają ustawienia, a dokładniej ustawienia pobierają z instrukcji że jeśli jest ta godzina to...
       
      Czekam, na pomoc, pozdrawiam
    • 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 Lord Fenrir
      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
  • Ostatnie tematy

×