Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Funkcja automatyczna slidera
Forum PHP.pl > Forum > Przedszkole
zayor84
Hej,

znalazłem ciekawy skrypt slidera:

Slideshow jquery

Działa jednak dopiero po kliknięciu na button aktywacyjny, który w pliku demo.js uruchamia funkcję slideshow:

  1. function ($) {
  2. $('#activate').on('click', function () {
  3. $('img').slideShow({
  4. timeOut: 2000,
  5. showNavigation: true,
  6. pauseOnHover: true,
  7. swipeNavigation: true
  8. });
  9. }(jQuery));


Czy wie ktoś, jak przerobić ten skrypt, aby slideshow uruchamiał się automatycznie po wejściu na stronę? Pozdr.
tzm
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function(){
  2. $('img').slideShow({
  3. timeOut: 2000,
  4. showNavigation: true,
  5. pauseOnHover: true,
  6. swipeNavigation: true
  7. });
  8. });
[JAVASCRIPT] pobierz, plaintext
nospor
No to odpal go po wejscie a nie na klika... prosze:
Kod
jQuery(function(){
    jQuery('img').slideShow({

        timeOut: 2000,

        showNavigation: true,

        pauseOnHover: true,

        swipeNavigation: true

    });
});

zayor84
[JAVASCRIPT]

$(document).ready(function(){
$('img').slideShow({
timeOut: 2000,
showNavigation: true,
pauseOnHover: true,
swipeNavigation: true
});
});

[/JAVASCRIPT[/]

To wstawiłem do pliku - nie działa. Wiecie dlaczego?

EDIT:

Twój też próbowałem i nie hula.

Wydaje mi się, że tu chodzi o funkcję #activate, która zostaje uruchomiona po kliku w button i wtedy wywołuje .slideshow
nospor
Jakbys wstawil moj kod, to by zadzialal smile.gif
tzm
Cytat(nospor @ 21.08.2014, 12:24:52 ) *
Jakbys wstawil moj kod, to by zadzialal smile.gif



U mnie działa.


@zayor84 a masz jquery podpięte skoro Ci ani jedno ani drugie nie działa?


edit: racja nospor.
nospor
Cytat
U mnie działa.
Koles moze miec konflikt bibliotek, gdzie kilka z nich korzysta z $ i dlatego mu nie dziala. I dlatego moze mu zadzialac moj kod, bo ja uzywam jQuery, ktore jest jednoznaczne, a nie $

edit:
jesli nie dzialają mu oba, znaczy ze w złe miejsce dał ot co smile.gif Moze jeszcze dany IMG nie istnieje lub jeszcze sie nie zaladowalal slider.
zayor84
Panowie, w którym miejscu mam wkleić kod? W dotychczasowym pliku demo.js zamiast oryginalnego kodu czy w dokumencie .html?


Mam wersję: jquery-1.11.1.min.js

Zdjęcia się wczytują, ale nie przewijają.
tzm
Cytat(zayor84 @ 21.08.2014, 12:39:26 ) *
Panowie, w którym miejscu mam wkleić kod? W dotychczasowym pliku demo.js zamiast oryginalnego kodu czy w dokumencie .html?


Mam wersję: jquery-1.11.1.min.js

Zdjęcia się wczytują, ale nie przewijają.



zrób w head dokumentu:

[JAVASCRIPT] pobierz, plaintext
  1. <script>
  2. jQuery(function(){
  3. jQuery('img').slideShow({
  4.  
  5. timeOut: 2000,
  6.  
  7. showNavigation: true,
  8.  
  9. pauseOnHover: true,
  10.  
  11. swipeNavigation: true
  12.  
  13. });
  14. });
  15. </script>
[JAVASCRIPT] pobierz, plaintext
nospor
Kod ten masz wstawic jako kod js, po zaladowaniu zdjec i slidera. Gdzie to ma byc, nie wiem, gdyz nie wiem jak wyglada caly Twoj kod. Nie wiem kiedy i jak ladujesz zdjecia, nie wiem kiedy i jak ladujesz slidera.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.