Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript] Funkcja automatyczna slidera
zayor84
post 21.08.2014, 11:05:50
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 27.02.2010

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
tzm
post 21.08.2014, 11:07:23
Post #2





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


[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
Go to the top of the page
+Quote Post
nospor
post 21.08.2014, 11:08:42
Post #3





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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

    });
});



--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
zayor84
post 21.08.2014, 11:19:34
Post #4





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 27.02.2010

Ostrzeżenie: (0%)
-----


[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

Ten post edytował zayor84 21.08.2014, 11:28:04
Go to the top of the page
+Quote Post
nospor
post 21.08.2014, 11:24:52
Post #5





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




Jakbys wstawil moj kod, to by zadzialal smile.gif


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
tzm
post 21.08.2014, 11:30:36
Post #6





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


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.

Ten post edytował mitorski 21.08.2014, 11:39:40
Go to the top of the page
+Quote Post
nospor
post 21.08.2014, 11:32:47
Post #7





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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.
Powód edycji: [nospor]:


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
zayor84
post 21.08.2014, 11:39:26
Post #8





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 27.02.2010

Ostrzeżenie: (0%)
-----


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ą.
Go to the top of the page
+Quote Post
tzm
post 21.08.2014, 11:40:35
Post #9





Grupa: Zarejestrowani
Postów: 675
Pomógł: 58
Dołączył: 17.12.2013

Ostrzeżenie: (10%)
X----


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


Ten post edytował mitorski 21.08.2014, 11:41:07
Go to the top of the page
+Quote Post
nospor
post 21.08.2014, 11:41:05
Post #10





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




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.


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 06:16