Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript] Slide gallery
--owen--
post
Post #1





Goście







Witam!

Chciałbym napisać na stronę skrypt który umożliwiał by zmianę w jednym miejscu trzech zdjęć. Tak by pierwsze było zdjęcie numer 1, potem 2, 3 i znowu wracało do pierwszego. Zacząłem pisać skrypt, ale już na poczatku mam problemy. Może ktoś mi podpowie czy w dobrą stronę idę i może czego użyć aby dzialalo. Ja napisze z mojej strony jak to widze.

[JAVASCRIPT] pobierz, plaintext
  1. zdj = new Array("url(../images/slideGallery/1.jpg)",
  2. "url(../images/slideGallery/2.jpg)",
  3. "url(../images/slideGallery/3.jpg)");
  4. var licznik = 0;
  5. const SEK = 1000;
  6. const ZM = 5*SEC;
  7. interwal = 0;
  8.  
  9. function aa12() {
  10. var url = document.getElementById("c2");
  11. if(licznik < zdj.length){
  12. url.style.background = zdj[licznik];
  13. }else{
  14. licznik = 0;
  15. }
  16. }
  17.  
  18. function startInterwal() {
  19. interwal = setInterval(function(){aa12();}, ZMIANA);
  20. }
  21.  
  22. window.onload = startInterwal();
[JAVASCRIPT] pobierz, plaintext

Oczywiscie dany kod nie dziala, ale moze ktos mnie pokieruje co zmienic... Z gory dzieki
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Rid
post
Post #2





Grupa: Zarejestrowani
Postów: 715
Pomógł: 47
Dołączył: 5.12.2010

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


Przekombinowałem trochę na pewno ma być tak:
urla.style.background = 'url('+zdj[licznik]+')' ;

W html ma pan prawidłow napisane:
  1. <div id="c2"></div>

I jeszcze jeden błąd ,zmienną pan nie ma zadeklarowaną ,prawidłowo:
  1. var zdj = new Array("images/slide-gallery/1.jpg", "images/slide-gallery/2.jpg", "images/slide-gallery/3.jpg");


Dużo błędów,ma pan niech pan przeanalizuje kod,jak się powinno stosować metody i funkcje.
Poprawić też należy:
  1. function startInterwal() {
  2. setInterval(aa12(), ZM)
  3. }

na
  1. function startInterwal() {
  2. setInterval("aa12()", ZM);
  3. }


Sugerowałbym ,także użycie firebuga i debugowanie.

Ten post edytował Rid 1.09.2011, 21:04:28
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 5.10.2025 - 06:51