Come aprire un Web Image in una nuova finestra

May 1

Come aprire un Web Image in una nuova finestra


Anche se l'apertura di una nuova finestra da una pagina Web è considerato numero nove "Top dieci errori in Web Design" di esperto Web di usabilità Jakob Nielsen, fa un'eccezione per l'apertura di un'immagine Web ad alta risoluzione in una nuova finestra da un link o miniatura. La possibilità di scaricare le immagini o grafica di grandi dimensioni in nuove finestre consente di mantenere una finestra del browser aperta durante l'attesa per l'immagine selezionata da visualizzare. Una volta che l'immagine arriva, è possibile utilizzare la nuova finestra del browser per stampare o salvare l'immagine.

istruzione

Open Web Immagine da un collegamento

1 Creare due file HTML con una pagina Web o applicazione di testo. Nome di un file "Source.htm" e l'altro file "destination.htm."

2 Aggiungi la tua immagine completa pagina nella stessa directory dei file HTML. Nome del file "full_page_image.jpg."

3 Nel corpo del file di origine, utilizzare il seguente codice per creare un collegamento che apre il file di destinazione in una nuova finestra.

<a href="http://www.yourwebsite.com/destination.html" target="_blank"> aprire un Web Image! </a>

4 Nel corpo del file di destinazione, utilizzare il seguente codice per inserire l'immagine intera pagina.

<Img />

5 Salva entrambi i file allora prova il tuo link nel file di origine.

Open Web Immagine da una miniatura

6 Creare due file HTML con una pagina Web o applicazione di testo. Nome di un file "Source.htm" e l'altro file "destination.htm."

7 Aggiungi la tua immagine completa pagina nella stessa directory dei file HTML. Nome del file "full_page_image.jpg."

8 Creare e salvare una miniatura dell'immagine piena pagina nella stessa directory dei file HTML. Nome del file "thumbnail.jpg."

9 Nel corpo del file di origine, utilizzare il seguente codice per creare un collegamento miniatura che si apre il file di destinazione in una nuova finestra.

<a href="http://www.yourwebsite.com/destination.htm" target="_blank"> <img /> </a>

10 Nel corpo del file di destinazione, utilizzare il seguente codice per inserire l'immagine intera pagina.

<Img />

11 Salvare entrambi i file e testare il collegamento delle miniature nel file di origine.

Consigli e avvertenze

  • Se l'immagine a piena pagina e miniature sono diversi tipi di file di JPEG, utilizzare l'estensione file corretto che riguarda l'immagine.
  • Se tutti i file non sono nella stessa directory, assicurarsi di aggiungere il nome del sub-directory per il codice HTML.
  • Se si desidera consentire agli utenti di conoscere l'immagine Web si apre in una nuova finestra, usa il "titolo" href. Per esempio: <a target="_blank" href="..." title="Opens in una nuova Window"> </a>.