Ako urobiť jednoduchý Javascript obrázku Slideshow

JavaScript, tiež známy ako js je webové skriptovací jazyk, ktorý slúži na ovládanie prvkov DOM (Document Object Model). Je to cross-platformové technológia pre interakciu s objektmi vo formáte HTML. Prístupom rôznych rôznych objektov v HTML, nemohol ani uvedomiť jednoduchý Javascript slideshow s čistý kód Javascript.

Tento článok vám poskytne jednoduchý Javascript slideshow napríklad tak, že môžete pridať obrázok slideshow na vaších webových stránkach. Môžete kontrolovať, čo a koľko obrázky majú byť zahrnuté, rovnako ako rýchlosť prezentácie. Len Fade efekt prechodu sa používa Javascript slideshow. Získať viac kontroly nad obrázok slideshow, ako viac prechodových efektov, prezentáciu tituly, hypertextové prepojenie obrázka atď, sa odporúča použiť silnejšie slideshow maker ako Flash galérie továreň, ktorá okamžite pridá oko-lov ukazuje na vašich webových stránkach.

Vás by tiež mohla stať rozšírené Javascript programátor rozšíriť javascript kódy pre lepšie javascript slideshow učenia Javascript ihrisko na W3C.com. Teraz vidieť, ako nastaviť jednoduchý Javascript slideshow krok za krokom.

1 Začíname od príklad kódu JS slideshow

Nie je potrebné písať kód Javascript slideshow od nuly. Tu je príklad Javascript slideshow (1 kb, zip). Stiahnite a rozbaľte do vášho počítača. Sme jednoducho upraviť tak, aby vyhovoval vašim potrebám. Dostanete samostatný súbor javascript slideshow-example.html.

2 zmeniť názov obrazu, obraz cesty, js rýchlosť prezentácie

Otvorte vo svojom obľúbenom textovom editore a zmeniť podľa poznámok v súbore.

• Zmena dĺžky trvania snímok, na lokalite slideShowspeed parametrov.
• Ak chcete pridať viac obrázkov, stačí skopírovať a vložiť Pic [0] = fv1submit.jpg "Farmville" line, a zmeniť názov poľa číslo a image súboru zodpovedajúcim spôsobom. Ak vaše image, sú umiestnené v priečinku, napríklad obrázky, použite súvisiace cestu ako Pic [0] = "images/1.jpg". Môžete tiež použiť absolútnu obraz adresu tu.

3 vložiť Javascript slideshow na webové stránky

Teraz otvorte webovú stránku, ktorú chcete vložiť Javascript slideshow. Kopírovať a vložiť celú < skript > tag miesto medzi < hlavy > a < / hlava >. Potom nechať stránka slúži na spustenie Javascript slideshow, pri načítaní stránky pridaním onLoad="javaSlideShow()" atribút < telo > Tag. Napokon, uistite sa JavaScriptu objaví na správnu pozíciu stránky. To urobíte tak, stačí dať kód medzi < tabuľky > a < / table > Tagy kde by malo byť.

4 uložiť a zobraziť ukážku Javascript obrázku slideshow

OK, uložiť a zobraziť ukážku. Ak ide všetko správne, môžete vidieť Javascript obrázku slideshow ako to.