Javascript er et objekt- orienteret programmeringssprog , der er ideel til at tilføje funktionalitet til websider. Hvis du ønsker at sætte et fotogalleri på dit website, så en Javascript galleri er en måde at nå dit mål. Med Javascript, kan du oprette et fotogalleri med zoome ind og ud , og miniaturebilleder . Mens du opretter en Javascript fotogalleri fra bunden er en avanceret teknik , droppe en allerede eksisterende skabelon til din webside vil give dig det samme resultat med mindre arbejde . Ting du skal
ImageFlow galleri script ( se referencer til download )
Vis Flere Instruktioner
1
Placer imageflow.js og imageflow.css i et webtilgængeligt directory . For eksempel kunne du placere dem direkte i dokumentet rod eller en "omfatter " undermappe
2
Kopier indsæt følgende linje kode ind i hovedet på den html dokument: . < Link rel = " stylesheet " href = " imageflow.css " type = " text /css " />
3
Skift href attribut til at pege på , hvor du har placeret " imageflow.css "-fil i det første skridt. Hvis du har anbragt det i roden direkte , behøver du ikke at ændre noget.
4
Kopier og indsæt følgende linjer kode i bunden af den side, du ønsker at inkludere en galleri på , lige før slutter body-tagget :
5
Skift "src " attribut fra den anden linje , at pege hvor du placerede imageflow.js fil i første trin. Hvis du har anbragt det i roden direkte , behøver du ikke at ændre noget
6
Kopier og indsæt følgende kode i kroppen af dit html dokument : .
< img src = " sti /to/image2.jpg " longdesc = " url " width =" "height =" "alt = " Caption "/>
7
Tilføj alle de billeder du vil inde gallery div fra trin ovenfor . Hvis du ønsker, at brugeren skal tages til en alternativ url , når de klikker på billedet (som et link ) , derefter udfylde i " longdesc " attribut med en url , ellers billedet tag ikke behøver at attribut. Bredde og højde er forpligtet til at gøre galleriet arbejde i Internet Explorer
8
Kopier og indsæt følgende kode i dit html dokument , under koden fra trin 4, men før slutter body-tagget : . < , script type = "text /javascript "> domReady ( function () {var gallery = new ImageFlow (); gallery.init ({ ImageFlowID : ' galleryId '} );} )
< br > 9
Åbn din hTML-side i en browser for at se dit galleri fungerer.
