Javascript, ook wel bekend als js, is een web scripting taal die wordt gebruikt om de DOM (Document Object Model) elementen te bedienen. Het is een cross-platform technologie om te interageren met objecten in HTML. Door de toegang tot verschillende objecten in HTML, kan je zelfs het realiseren van een eenvoudige Javascript slideshow met pure Javascript-code.
Dit artikel geeft u een eenvoudige geven Javascript slideshow bijvoorbeeld, zodat u kunt een afbeelding slideshow toe te voegen aan uw website. U kunt bepalen wat en hoeveel beelden worden opgenomen, evenals de diashow snelheid. De enige Fade overgangseffect wordt gebruikt voor de Javascript slideshow. Om meer controle over het beeld slideshows, zoals meer overgangseffecten, diashowtitels, afbeelding hyperlink, enz. te krijgen, wordt u aangeraden om krachtiger slideshow maker gebruiken, zoals Flash Gallery Factory , die onmiddellijk voegt opvallende shows naar uw website.
Je zou ook kunnen worden een geavanceerde Javascript programmeur om javascript codes te verlengen voor een betere javascript diavoorstelling door te leren Javascript Cursus op W3C.com. Nu zien hoe het opzetten van een eenvoudige Javascript slideshow stap voor stap.
1 slag van JS slideshow codevoorbeeld
Er is geen noodzaak om Javascript slideshow code te schrijven vanuit het niets. Hier is een Javascript slideshow voorbeeld (1kb, zip) . Te downloaden en uit te pakken naar uw computer. We zullen gewoon aanpassen aan uw wensen. U zult een javascript-slideshow-example.html bestand te krijgen.
2 Wijzig de naam van de afbeelding, afbeelding weg, js diashow snelheid
Open het met uw favoriete tekstverwerker en verander het volgens de aantekeningen in het dossier opgenomen.
- Om diaduur wijzigen gaat u naar slideShowspeed parameter.
- Om meer afbeeldingen toe te voegen, gewoon kopiëren en plakken Pic [0] = '1. jpg ' lijn, en de array nummer en image bestandsnaam wijzigen navenant. Als uw afbeelding worden geplaatst in een map, bijvoorbeeld afbeeldingen, gebruik maken van de bijbehorende pad zoals Pic [0] = 'images/1.jpg'. Je kan hier ook gebruik maken van absolute imago adres.
3 insluiten Javascript slideshow in uw eigen webpagina
Open nu de webpagina die u wilt een insluiten Javascript slideshow . Kopieer en plak de gehele <script> tag aan de plaats tussen <head> en </ head>. Laat vervolgens de pagina om uw Javascript diavoorstelling te starten wanneer de pagina door toevoeging is geladen onLoad = "javaSlideShow ()" attribuut om de <body>. Tot slot maken de Javascript verschijnen op de juiste positie van de pagina. Om dit te doen, gewoon de code tussen <table> en </ table> tags om waar het zou moeten zijn.
4 Opslaan en een voorbeeld Javascript slideshow
OK, sla het op en een voorbeeld. Als alles goed gaat, kan een zie je Javascript diavoorstelling als deze .
Volg ons op Twitter
Kies uw land
