Sådan åbnes en Web Image i et nyt vindue

Link til billeder computer billede ved Blaine Stiger fra Fotolia.com

Selvom åbne et nyt vindue fra en webside anses nummer ni på "Top Ti Fejl i Web Design" af Web usability ekspert Jakob Nielsen, hangør en undtagelse for at åbne en høj opløsning web billede i et nyt vindue fra et link eller miniature.Evnen til at hente store billeder eller grafik til nye vinduer giver dig mulighed for at holde et browservindue åbent mens man venter på det valgte billede at vise.Når billedet ankommer, kan du bruge nyt browservindue for at udskrive eller gemme billedet.

Open Web Billede fra et link

  1. Opret to HTML-filer med en webside eller tekst program.Nævn én fil "source.htm" og den anden fil "destination.htm."

  2. Tilføj din fulde side billedet i samme mappe som HTML-filer.Navngiv filen "full_page_image.jpg."

  3. I selve kildefilen, skal du bruge følgende kode til at oprette et link, der åbner den destination filen i et nyt vindue.

    & lt; a href = "http://www.yourwebsite.com/destination.html" target

    = "_ blank" & gt; Åbn en Web Image & lt;! / A & gt;

  4. I selve destinationen filen, skal du bruge følgende kode til at indsætte dit fulde side billede.

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

  5. Gem begge filer derefter teste dit link i kildefilen.

Open Web Image fra en Miniature

  1. Opret to HTML-filer med en webside eller tekst program.Nævn én fil "source.htm" og den anden fil "destination.htm."

  2. Tilføj din fulde side billedet i samme mappe som HTML-filer.Navngiv filen "full_page_image.jpg."

  3. Skab og gem en miniature af dit fulde side billedet i samme mappe som HTML-filer.Navngiv filen "thumbnail.jpg."

  4. I selve kildefilen, skal du bruge følgende kode til at oprette en miniature link, der åbner den destination filen i et nyt vindue.

    & 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 selve destinationen filen, skal du bruge følgende kode til at indsætte dit fulde side billede.

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

  6. Gem begge filer og test din miniature link i kildefilen.

Tips & amp;Advarsler

  • Hvis dit fulde side image og miniature er forskellige filtyper end JPEG, bruge den korrekte filtypenavn, der relaterer til billedet.
  • Hvis alle dine filer er ikke i den samme mappe, skal du sørge tilføje sub-mappe navn til HTML-koden.
  • Hvis du ønsker at lade dine brugere kender Web billedet åbner i et nyt vindue, skal du bruge href "title" attribut.For eksempel: & lt; a href = "..." target = "_ blank" title = "Åbner i nyt vindue" & gt; & lt; / a & gt ;.

Ressourcer

  • Fuld Web Building Tutorials
274
0
1
Websites