Minden téma

+

Hogyan készítsünk egy egyszerű JavaScript Slideshow

Javascript, más néven js, egy webes programozási nyelv képes vezérelni a DOM (Document Object Model) elemek. Ez egy cross-platform technológia kölcsönhatásba tárgyak HTML-ben. Azzal, hogy használod különböző tárgyakat HTML, akkor is észre egy egyszerű Javascript slideshow tiszta Javascript kódot.

Ez a cikk Önnek egy egyszerű Javascript slideshow például úgy, hogy felvehet egy kép slideshow a honlapon. Azt is ellenőrzik, hogy mit és hány képet kell feltüntetni, valamint a diavetítés sebességét. Az egyetlen Fade átmeneti hatás használják a Javascript diavetítés. Hogy minél több ellenőrzés a kép fölé diavetítések, mint például a több átmeneti hatások, slideshow címek, kép hivatkozásra, stb, akkor ajánlott használni erősebb slideshow készítő mint Flash Gallery Factory, amely azonnal hozzáteszi szemet gyönyörködtető mutatja a honlapon.

Download Win Version

Te is válhat egy fejlett Javascript programozó kiterjeszteni javascript kódok egy jobb javascript diavetítést tanulás Javascript pálya a W3C.com. Most lássuk, hogyan kell egy egyszerű Javascript slideshow lépésről lépésre.

1 Az első lépések JS slideshow-kód például

Nincs szükség, hogy írjon a Javascript diavetítés kódot a semmiből. Itt van egy Javascript slideshow például (1 kB, zip). Töltse le és bontsa a számítógéphez. Mi egyszerűen módosíthatja, hogy megfeleljen az Ön igényeinek. Kapsz egy javascript-slideshow-próba.html fájlt.

2. Változtassuk meg a kép nevét, a kép elérési útját, JS diavetítés sebességét

Nyisd ki a kedvenc szövegszerkesztővel, és változtassa meg a jegyzetek szerepelnek a fájlban.

  • Ha módosítani dia időtartama, menj slideShowspeed paramétert.
  • Ahhoz, hogy még több kép, csak másolja Pic [0] = '1.jpg "sort, és módosítsa a tömb számát, és a kép fájl nevét ennek megfelelően. Ha a kép kerülnek egy mappába, például képeket, használja a kapcsolódó utat, mint a Pic [0] = "images / 1.jpg". Ön is lehet használni abszolút kép címét.

3 beágyazása Javascript slideshow a weboldal

Most nyissa meg a weboldalt szeretne beágyazni a Javascript diavetítés. Másolás és beillesztés a teljes <script> tag arra a helyre, a <head> és </ head>. Majd az oldalon, hogy indítsa el a Javascript diavetítés, amikor az oldal betöltésekor hozzáadásával onLoad = "javaSlideShow ()" attribútum a <body> tag. Végül, hogy a Javascript megjelennek a megfelelő elhelyezkedése az oldalon. Ehhez csak be a kódot a <table> és </ table> tag-ek, ahol lennie kell.

4 mentése és előnézet Javascript slideshow

OK, mentsd el és előnézeti. Ha minden jól megy, akkor lehet látni a Javascript diavetítést ezt.

A termékkel kapcsolatos kérdésekre? Beszéljen közvetlenül Ügyfélszolgálati munkatársaink >>

Top