Letöltés
> Erőforrás> 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.
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.
kapcsolódó cikkek
A termékkel kapcsolatos kérdésekre? Beszéljen közvetlenül Ügyfélszolgálati munkatársaink >>
Letöltés
