Hvordan vise miniatyrbilder i HTML

November 29

Hvis du vil vise flere bilder på én side, kan du får problemer hvis bildene er store fordi mengden av filen plass bildene krever å laste kan føre dem til å laste på siden sakte. Bytt slow-lasting av bilder av stedet å vise miniatyrbilder på siden. Inkludert miniatyr lar nettbrukere til å skanne bilder raskt og klikk deretter på ønsket bilde.

Bruksanvisning

1 Logg inn på din webserver.

2 Last opp det første bildet du ønsker å gjøre om til en miniatyr. Prosessen du følge for å laste opp bilder kan variere sterkt avhengig av hvilken webserver du bruker. Generelt, klikk på "Last opp fil" og velg bildet du vil laste opp til serveren. Klikk deretter på "Publiser". Serveren vil gi deg en URL til bildet. Kopier denne nettadressen. Det vil se noe sånt som "http://www.yourwebsite.com/images/image1.jpg."

3 Klikk på HTML-siden innen serveren din som du ønsker å vise miniatyrbilder.

4 Klikk på siden der du vil at det første miniatyrbilde til å ligge og sette inn følgende kode:

<IMG height = 50 width = 50 SRC = "& lt; / A"> http://www.yourwebsite.com/images/image1.jpg "> & lt; / a>

5 Erstatt "http://www.yourwebsite.com/images/image1.jpg" med selve nettadressen til bildet du vil sette inn som et miniatyrbilde.

6 Gjenta trinn 2 til trinn 5 så mange ganger som nødvendig.

7 Klikk "Publiser" for å publisere HTML-siden.