Hvordan lenke et lite bilde til et større bilde i et eget nettleservindu
Ved visning av bilder på websiden din, lage en "zoom" effekt med bildene dine, slik at når en bruker klikker på den første bildet, blir hun tatt til et nytt vindu som inneholder en større visning av grafikken. Dette er en effektiv metode for å vise media fordi littler bilder fungerer bedre i en layout; men hvis du trenger å presentere flere detaljer, tilby dine besøkende denne funksjonaliteten. Ved hjelp av datamaskinens teksteditor søknad og Hypertext Markup Language (HTML), dra nytte av denne teknikken for å forbedre din egen side.
Bruksanvisning
1 Plasser små og store digitale bilder på din web host i samme mappe som du holde andre nettsted filer inn og noterer dette stedet.
2 Start din tekst editor og opprette to nye websider. Plasser markøren under "<body>" tag i en av filene.
3 Skriv inn "<img>" kode og følge dette med bilde plassering fra trinn én å sette inn større bilde på siden. For eksempel:
<Img src = "http://www.domain.com/large_picture.jpg">
4 Navn og lagre filen, plasserer dokumentet på din web host og huske denne adresse. Gå tilbake til den andre åpne dokumentet.
5 Plasser du markøren hvor som helst under "<body>" tag og gjentar trinn tre, men denne gangen skrive inn adressen for mindre bilde. For eksempel:
<Img src = "http://www.domain.com/small_picture.jpg">
6 Omfatter deg "<img>" kode fra trinn 5 mellom åpning og lukking "anker" koder for å koble denne littler bilde til det større. Etter åpningen "anker" kode, skriv inn adressen til den andre web-filen i trinn fire, slik at når en bruker klikker på bildet, blir de tatt til større bilde i et eget nettleservindu. Å illustrere:
<a href="<img" rel="nofollow" target="_blank"> http://www.domain.com/large_picture.html"><img src = "& lt; / a" rel = "nofollow "target =" _blank "> http://www.domain.com/small_picture.jpg"> & lt; / a>