Hvordan åpne en Web Image i et nytt vindu

Linking til bilder databilde av Blaine stiger fra Fotolia.com

Selv åpne et nytt vindu fra en webside anses nummer ni på "Top Ten feil i Web Design" av Web brukervennlighet ekspert Jakob Nielsen, hangjør et unntak for å åpne en høyoppløselig Web bildet i et nytt vindu fra en link eller miniatyr.Muligheten til å laste ned store bilder eller grafikk inn nye vinduer gjør at du kan holde et nettleservindu åpent mens du venter på det valgte bildet som skal vises.Når bildet kommer, kan du bruke den nye nettleservinduet for å skrive ut eller lagre bildet.

Åpne Web Bilde fra en Link

  1. Lag to HTML-filer med en webside eller tekstprogram.Nevn en fil "source.htm" og den andre filen "destination.htm."

  2. Legg inn et helsides bilde i samme mappe som HTML-filer.Gi filen navnet "full_page_image.jpg."

  3. I kroppen av kildefilen, kan du bruke følgende kode for å lage en link som åpner målfilen i et nytt vindu.

    & lt; a href = "http://www.yourwebsite.com/destination.html" target = "_ blank" & gt; Åpne

    en Web Image & lt;! / A & gt;

  4. I kroppen av målfilen, bruker du følgende kode for å sette inn helsides bilde.

    & lt; img src = "full_page_image.jpg" / & gt;

  5. Lagre begge filene test deretter lenke i kildefilen.

Åpne Web Bilde fra en miniatyr

  1. Lag to HTML-filer med en webside eller tekstprogram.Nevn en fil "source.htm" og den andre filen "destination.htm."

  2. Legg inn et helsides bilde i samme mappe som HTML-filer.Gi filen navnet "full_page_image.jpg."

  3. Opprette og lagre en miniatyr av din helsides bilde i samme mappe som HTML-filer.Gi filen navnet "mini.jpg."

  4. I kroppen av kildefilen, kan du bruke følgende kode for å lage et miniatyrbilde link som åpner målfilen i et nytt vindu.

    & lt; a href = "http://www.yourwebsite.com/destination.htm" target = "_ blank" & gt; & lt; img src = "http://www.yourwebsite.com/images/thumbnail.jpg"/ & gt; & lt; / a & gt;

  5. I kroppen av målfilen, bruker du følgende kode for å sette inn helsides bilde.

    & lt; img src = "full_page_image.jpg" / & gt;

  6. Spar både filer og teste thumbnail lenken i kildefilen.

Tips & amp;Advarsler

  • Hvis helsides bilde og miniatyr er forskjellige filtyper enn JPEG, bruke riktig filtype som gjelder bildet.
  • Hvis alle filene dine er ikke i samme katalog, må du legge til sub-katalognavn i HTML-koden.
  • Hvis du ønsker å gi brukerne beskjed nettet Bildet åpnes i nytt vindu, bruker href "title" attributt.For eksempel: & lt; a href = "..." target = "_ blank" title = "åpnes i nytt vindu" & gt; & lt; / a & gt ;.

Resources

  • Full Web Bygge Guider
593
0
1
Nettsteder