Wszystkie tematy

+
Home > Zasobów > porady > jak zrobić prosty Javascript Pokaz slajdów

Jak zrobić prosty Javascript Pokaz slajdów

JavaScript, znany również jako js, jest językiem skryptowym sieci web służy do obsługi elementów DOM (Obiektowy Model dokumentu). To jest przekreślać platforma technologii do interakcji z obiektami w HTML. Poprzez uzyskiwanie dostępu do różnych różnych obiektów w HTML, może nawet sobie prosty Javascript Pokaz slajdów z czystego kodu Javascript.

Ten artykuł będzie Ci prosty przykład Javascript slideshow tak, że można dodać obraz pokazu slajdów na swojej stronie internetowej. Można kontrolować, co i ile obrazy mają zostać uwzględnione, a także szybkość pokazu slajdów. Tylko efekt przejścia Fade jest używany dla pokazu slajdów Javascript. Aby uzyskać więcej kontroli nad rozgrywkami, więcej efektów przejścia, tytuły slajdów, hiperłącze obrazu, itp., zaleca się używać bardziej potężny slideshow maker jak Flash Galeria fabryka, która natychmiast dodaje efektowne pokazy na swojej stronie internetowej.

Download Win Version

Może również stać się programista Javascript zaawansowane rozszerzenie kodów javascript javascript pokaz slajdów lepiej poznając Javascript kurs na W3C.com. Teraz zobaczyć, jak skonfigurować prosty pokaz Javascript krok po kroku.

1 Zacznij od przykład kodu JS pokaz slajdów

Istnieje potrzeba napisania kodu Javascript slideshow od zera. Oto przykład pokaz slajdów Javascript (1 kb, zip). Pobierz i rozpakuj do komputera. My po prostu zmodyfikować go do swoich potrzeb. Otrzymasz jeden plik javascript-pokaz slajdów example.html.

2 zmienić nazwę obrazu, ścieżka obrazu, szybkość pokazu slajdów js

Otworzyć ono rezygnować twój ulubieniec tekst redaktor i zmienić go według notatki zawarte w pliku.

  • Aby zmienić czas trwania slajdu, przejdź do slideShowspeed parametru.
  • Aby dodać więcej zdjęć, wystarczy skopiować i wkleić Pic [0] = "1.jpg" linii i zmienić nazwę pliku tablicy numer i obrazu odpowiednio. Jeśli twój obraz są umieszczane w folderze, np. obrazy, należy użyć ścieżki podobne jak Pic [0] = "images/1.jpg". Można również użyć obrazu bezwzględne adres tutaj.

3 pokaz Javascript HTML do strony sieci web

Teraz otwórz stronę sieci web chcesz osadzić Pokaz Javascript. Skopiować i wkleić cały < script > tag miejsce między < head > i < / głowy >. Następnie niech stronę, aby rozpocząć swój pokaz Javascript, gdy strona jest ładowana przez dodanie onLoad="javaSlideShow()" atrybut do tagu < body >. Wreszcie aby Javascript pojawiają się w odpowiedniej pozycji strony. Aby to zrobić, wystarczy umieścić kod między < tabela > i < / tabela > Tagi gdzie powinno być.

4 Zapisz i podgląd Javascript Pokaz slajdów

OK zapisz go i podgląd. Jeśli wszystko idzie dobrze, można zobaczyć Pokaz Javascript jako to.

Pytania związane z produktem? Mówić bezpośrednio do działu obsługi >>

Do góry