Miten avataWeb Image uudessa ikkunassa

Linkittäminen Kuvat tietokoneen kuvan Blaine stiger päässä Fotolia.com

Vaikka avaa uuden ikkunan Web-sivulta katsotaan numero yhdeksän on "Top Ten virheitä Web Design" Web käytettävyys asiantuntija Jakob Nielsen, häntekee poikkeuksen avaamisesta korkean resoluution Web kuva uudessa ikkunassa olevan linkin tai pikkukuvan.Mahdollisuus ladata suuria kuvia tai grafiikkaa uusia ikkunoita voit pitää selainikkunan auki odotellessa valitun kuvan näyttöön.Kun kuva saapuu, voit käyttää uuden selainikkunan tulostaa tai tallentaa kuvan.

Avaa WWW Kuva Link

  1. Luo kaksi HTML-tiedostoja WWW-sivun tai tekstiä sovellus.Nimeä yksi tiedosto "source.htm" ja muut tiedosto "destination.htm."

  2. Lisätä koko sivun kuvan samassa hakemistossa kuin HTML-tiedostoja.Nimeä tiedosto "full_page_image.jpg."

  3. Kehossa lähdetiedoston, käyttää seuraavaa koodia luoda linkin, joka avaa kohdetiedosto uudessa ikkunassa.

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

    / a & gt;

  4. elimistössä kohdetiedosto, käyttää seuraavaa koodia asettamaan koko sivun.

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

  5. Tallenna molemmat tiedostot sitten testaa linkkiä lähdetiedoston.

Open Web Kuva Thumbnail

  1. Luo kaksi HTML-tiedostoja Web-sivun tai tekstiä sovellus.Nimeä yksi tiedosto "source.htm" ja muut tiedosto "destination.htm."

  2. Lisätä koko sivun kuvan samassa hakemistossa kuin HTML-tiedostoja.Nimeä tiedosto "full_page_image.jpg."

  3. Luo ja tallenna pientä teidän koko sivun kuvan samassa hakemistossa kuin HTML-tiedostoja.Nimeä tiedosto "thumbnail.jpg."

  4. Kehossa lähdetiedoston, käyttää seuraavaa koodia luoda pikkukuvan linkin, joka avaa kohdetiedosto uudessa ikkunassa.

    & 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. elimistössä kohdetiedosto, käyttää seuraavaa koodia asettamaan koko sivun.

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

  6. Tallenna molemmat tiedostot ja testaa thumbnail linkkiä lähdetiedoston.

Vinkkejä & amp;Varoitukset

  • Jos koko sivun kuvan ja pientä ovat erilaisia ​​tiedostotyyppejä kuin JPEG, käyttää asianmukaista tiedostopääte että koskee kuvan.
  • Jos kaikki tiedostot ovat samassa hakemistossa, varmista lisäät alihakemistosta nimi HTML-koodia.
  • Jos haluat antaa käyttäjien tietää Web kuva avautuu uudessa ikkunassa, käytä href "title" ominaisuus.Esimerkiksi: & lt; a href = "..." target = "_ blank" title = "Avaa uudessa ikkunassa" & gt; & lt; / a & gt ;.

Resurssit

  • Täysi Web-Rakennukset Ohjeita
592
0
1
Nettisivut