Sådan ruller du en markeringsramme med flere billeder

Hvis du er lidt bekendt med den HTML-kodning, der er nødvendig for at rulle et enkelt billede hen over en side, mens du bruger tag, så er der en god chance for, at det ikke bliver svært for dig at rulle flere billeder hen over skærmen. Når du ruller flere billeder hen over en HTML-side ved hjælp af en tag, vil du opdage, at den samme grundlæggende struktur, du ville bruge til at rulle kun ét billede, bruges -- med et par ekstra billedtags.

Trin 1

Åbn HTML-siden, hvor du vil rulle flere billeder.

Dagens video

Trin 2

Indsæt følgende kode i den del af dokumentet, hvor du vil have billederne til at rulle. Dette skal være mellem taggene og:

Trin 3

Erstat"http://www.website.com/image1.jpg," "http://www.website.com/image2.jpg" og "http://www.website.com/image3.jpg" med filstierne eller URL'erne for de billeder, du vil rulle på siden.

Du skal kun bruge en filsti, hvis du bruger et billede, der er gemt på samme server som dit websted. En filsti inkluderer ikke "http://www.website.com" del af URL'en, kun det, der følger efter skråstregen. For eksempel hvis den fulde URL var "

http://www.website.com/image3.jpg," du behøver kun at indsætte "image3.jpg."

Hvis billedet er taget fra en anden hjemmeside, skal du indsætte den fulde URL. Dette kan være et billede fra en online fotoserver eller et hvilket som helst andet websted, hvor du har URL'en til et postet billede.

Trin 4

Udgiv siden.

referencer og ressourcer

• Blu Archer: Train Gif Tutorials
• W3-skoler: Lær HTML