Hoe een selectiekader te scrollen met meerdere afbeeldingen

Als u enigszins bekend bent met de HTML-codering die nodig is om een ​​enkele afbeelding over een pagina te scrollen terwijl u de tag, dan is de kans groot dat het voor u niet moeilijk zal zijn om meerdere afbeeldingen over het scherm te scrollen. Bij het scrollen van meerdere afbeeldingen over een HTML-pagina met a tag, zult u merken dat dezelfde basisstructuur die u zou gebruiken om slechts één afbeelding te scrollen, wordt gebruikt -- met een paar extra afbeeldingstags.

Stap 1

Open de HTML-pagina waarin u meerdere afbeeldingen wilt scrollen.

Video van de dag

Stap 2

Voeg de volgende code in het gedeelte van het document in waar u de afbeeldingen wilt laten schuiven. Dit moet tussen de en tags staan:

Stap 3

Vervangen "http://www.website.com/image1.jpg," "http://www.website.com/image2.jpg" en "http://www.website.com/image3.jpg" met de bestandspaden of URL's van de afbeeldingen die u op de pagina wilt scrollen.

U hoeft alleen een bestandspad te gebruiken als u een afbeelding gebruikt die op dezelfde server als uw website is opgeslagen. Een bestandspad bevat niet de "

http://www.website.com" deel van de URL, alleen wat volgt op de schuine streep. Als de volledige URL bijvoorbeeld "http://www.website.com/image3.jpg," u hoeft alleen "image3.jpg" in te voegen.

Als de afbeelding van een andere website is gehaald, moet u de volledige URL invoeren. Dit kan een foto zijn van een online fotoserver of een andere website waarvan u de URL van een geplaatste afbeelding heeft.

Stap 4

Publiceer de pagina.

referenties & bronnen

• Blu Archer: Train GIF-zelfstudies
• W3-scholen: HTML leren