Estensioni avanzate al tag <IMG>
[ < prec ] indice dell'argomento [ succ > ]

Il tag <IMG> non ha certo finito di stupirci, infatti esistono ancora alcuni parametri non-standard che spesso s'incontrano nelle pagine HTML presenti su Internet, e che meritano una seppur breve descrizione.

Iniziamo con il parametro BORDER=valore che consente di stabilire se un'immagine debba o meno avere un contorno e, nel caso, che dimensione esso debba avere. Ecco di seguito 3 immagini: la prima con BORDER=0, la seconda con BORDER=1 e la terza con BORDER=10.

Particolarmente utilizzato è il parametro BORDER=0 quando si crea un'immagine "cliccabile", ovvero che rimanda ad un'altra pagina, come i pulsanti che avete utilizzato in questo corso per sfogliarlo. Infatti molti browser interpretano un'immagine di questo tipo inserendo automaticamente una cornice simile a quella che sia avrebbe utilizzando un BORDER=1, il che ha degli effetti estetici spesso sgradevoli. Annullando il bordo, si ottiene un aspetto generalmente migliore.

Proseguiamo nel nostro esame delle estensioni avanzate introdotte nel linguaggio HTML prevalentemente dalla Netscape, con il parametro LOWSRC="nomefile.ext" che consente alcuni interessanti effetti speciali.

Quando il Netscape trova un'istruzione del tipo <IMG SRC="immagine1.gif" LOWSRC="immagine2.jpg">, si comporta come segue:

• Carica tutto il documento HTML

• Carica e visualizza tutte le immagini presenti nel documento e, se ne incontra una con il parametro LOWSRC attivo, carica il file corrispondente, ignorando quello indicato dal parametro SRC

• Al termine del caricamento e della visualizzazione dell'intero documento, carica le immagini indicate dal parametro SRC e le sostituisce a quelle precedentemente indicate dal parametro LOWSRC

Come avrete già capito, il parametro LOWSRC è stato introdotto per venire incontro alle esigenze di coloro che, utilizzando modem poco veloci o linee telefoniche particolarmente intasate, hanno comunque la necessità di vedere le immagini dei documenti HTML, seppure di minore qualità. Ecco allora che il programmatore HTML può finalmente fornire un'immagine essenziale di piccole dimensioni (tramite LOWSRC) ed un'altra più accurata di maggiori dimensioni che verrà automaticamente sostituita alla precedente se l'utente avrà la pazienza di attenderne il caricamento, ma consentendo comunque una visione preliminare soddisfacente dell'intero documento. Si noti che per con il termine dimensioni si è voluta indicare la dimensione del file contenente le immagini e non la loro dimensione in pixel. Sia il parametro SRC che LOWSRC possono contenere come argomento un'immagine GIF o JPG.

Il parametro LOWSRC consente inoltre di ottenere degli effetti speciali. Pensate infatti ad un'immagine in B/N che si colora come per magia dopo alcuni istanti, come in questo esempio. Un effetto ancora più evidente viene ottenuto utilizzando delle Clip-Art invece che immagini fotografiche.

Prima di terminare, diamo un rapido accenno ai parametri VSPACE=valore HSPACE=valore, che consentono di specificare rispettivamente lo spazio vuoto verticale e orizzontale in pixel che deve separare l'immagine dal testo circostante. Essendo parametri specifici del Netscape che riguardano direttamente la formattazione delle immagini e del testo circostante, se ne sconsiglia l'utilizzo nei propri documenti, in quanto porterebbero ad imprevedibili e molto probabilmente pessimi effetti estetici se visualizzati con differenti browser.

[ < prec ] indice dell'argomento [ succ > ]