Hoe te Open een Web Image in een nieuw venster

Linken naar afbeeldingen afbeelding computer door Blaine Stiger uit Fotolia.com

Hoewel het openen van een nieuw venster van een webpagina wordt beschouwd als nummer negen op de "Top Tien Fouten in Web Design" door Web usability expert Jakob Nielsen, hijmaakt een uitzondering voor een hoge-resolutie Web openen in een nieuw venster van een link of miniatuur.De mogelijkheid om grote foto's of afbeeldingen te downloaden in nieuwe ramen kunt u een browservenster open te houden tijdens het wachten voor het geselecteerde beeld weer te geven.Zodra de afbeelding komt, kunt u het nieuwe browservenster gebruiken om afdrukken of opslaan van de afbeelding.

Open Web Afbeelding van een Link

  1. Maak twee HTML-bestanden met een webpagina of tekst applicatie.Noem een ​​bestand "source.htm" en het andere bestand 'destination.htm. "

  2. Voeg uw afbeelding volledige pagina in dezelfde map als de HTML-bestanden.Noem het bestand "full_page_image.jpg."

  3. In het lichaam van het bronbestand, de volgende code geb

    ruiken om een ​​link dat de bestemming bestand in een nieuw venster wordt geopend.

    & lt; a href = "http://www.yourwebsite.com/destination.html" target = "_ blank" & gt; Open een Web Image & lt;! / A & gt;

  4. In het lichaam van de bestemming bestand, de volgende code gebruiken om uw afbeelding volledige pagina in te voegen.

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

  5. Save beide bestanden te testen dan uw link in het bronbestand.

Open Web Afbeelding van een Miniatuur

  1. Maak twee HTML-bestanden met een webpagina of tekst applicatie.Noem een ​​bestand "source.htm" en het andere bestand 'destination.htm. "

  2. Voeg uw afbeelding volledige pagina in dezelfde map als de HTML-bestanden.Noem het bestand "full_page_image.jpg."

  3. maken en opslaan een miniatuur van de afbeelding de volledige pagina in dezelfde map als de HTML-bestanden.Noem het bestand "thumbnail.jpg."

  4. In het lichaam van het bronbestand, de volgende code gebruiken om een ​​miniatuur link die de bestemming bestand in een nieuw venster wordt geopend.

    & 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. In het lichaam van de bestemming bestand, de volgende code gebruiken om uw afbeelding volledige pagina in te voegen.

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

  6. Sla beide bestanden en test je de miniatuur koppeling in het bronbestand.

Tips & amp;Waarschuwingen

  • Als je volledige pagina-afbeelding en verkleinde zijn verschillende bestandstypen dan JPEG, gebruik maken van de juiste extensie die betrekking heeft op het beeld.
  • Als al je bestanden zijn niet in dezelfde map, zorg ervoor dat u de naam sub-directory toe te voegen aan de HTML-code.
  • Als u wilt dat uw gebruikers weten beeld Web opent in een nieuw venster, gebruik dan de href "titel" attribuut.Bijvoorbeeld: & lt; a href = "..." target = "_ blank" title = "opent in een nieuw venster" & gt; & lt; / a & gt ;.

Resources

  • Volledige Web Building Tutorials
39
0
1
Websites