Jak udělat jednoduchý Javascript Slideshow

JavaScript, také známý jako js, je webový skriptovací jazyk používaný k provozu elementy modelu DOM (Document Object Model). To je cross platformní technologie k interakci s objekty ve formátu HTML. Přístupem různé různé objekty ve formátu HTML, mohla i realizovat jednoduchý Javascript slideshow s čistým kódem Javascript.

Tento článek se vám jednoduchý Javascript slideshow příklad tak, aby obrázek slideshow můžete přidat na své webové stránky. Můžete určit, co a kolik obrázků zahrnuty, stejně jako rychlost prezentace. Jediným efektem přechodu se používá pro Javascript slideshow. Chcete-li získat větší kontrolu nad obrázek slideshow, více efekty přechodů snímků tituly, obrázek hypertextový odkaz, atd., se doporučuje použít výkonnější slideshow maker jako Flash galerie Factory, který okamžitě přidává atraktivní pořady na webu.

Můžete také stát pokročilé Javascript programátor rozšíření javascript kódy pro lepší javascript slideshow o učení Javascript kurz na W3C.com. Nyní vidíte jak nastavit jednoduchý Javascript slideshow krok za krokem.

1 Začínáme od příkladu kódu prezentace JS

Není třeba psát kód Javascript slideshow od začátku. Zde je příklad Javascript slideshow (1 kb, zip). Stáhněte a extrahujte do vašeho počítače. Jsme bude jednoduše upravit podle svých potřeb. Budete mít jediného souboru javascript-slideshow-example.html.

2 změna názvu obrázku, cesta k obrazu, rychlost prezentace js

Otevřete ji ve svém oblíbeném textovém editoru a změňte jej podle poznámky zahrnuté v souboru.

• Chcete-li změnit dobu trvání snímku, přejděte na slideShowspeed parametr.
• Chcete-li přidat více obrázků, stačí zkopírovat a vložit Pic [0] = '1.jpg' linie a odpovídajícím způsobem změnit název pole číslo a image souboru. Pokud váš obrázek jsou umístěny do složky, například obrázky, použijte související cestu jako Pic [0] = 'images/1.jpg'. Můžete také použít adresu absolutní obrázku zde.

3 vložení Javascript slideshow na vaši webovou stránku

Nyní otevřete webovou stránku, kterou chcete vložit Javascript slideshow. Zkopírujte a vložte celý < script > tag na místo mezi < head > a < / hlava >. Pak ať stránky spustit Javascript slideshow, při načtení stránky přidáním onLoad="javaSlideShow()" atribut značky < body >. Nakonec aby Javascript objeví na správnou pozici na stránce. Chcete-li tak učinit, stačí dát kód mezi < tabulka > a < / table > značky kde by měla být.

4 uložit a zobrazit náhled Javascript slideshow

OK uložte jej a náhled. Půjde-li vše správně, může se zobrazit Javascript slideshow jako tento.