Come Fare un Banner/Slideshow in HTML, iframe e JavaScript

Pubblicato da Yuri Carlenzoli | 25 novembre 2012

Ecco un metodo che permette di fare semplicemente un banner e/o slideshow di immagini con link in HTML con iframe, si inserisce solo richiamando uno script.

Fare-Banner-Slideshow-Iframe

Per farsi pubblicità online, semplicemente per condividere quello che piace o per mostrare tramite il proprio sito internet una serie d'immagini con uno slideshow e per altri motivi la realizzazione di un banner che fa anche da slideshow più che complessa da fare può avere un impatto negativo sulla pagina web, sulla sua velocità di caricamento e sulla quantità di codice, inoltre non si potrebbe usare per altre pagine web/siti internet, fare un banner che si può usare ovunque semplicemente richiamando uno script e non estremamente pesante però non è molto difficile.

Come realizzare un banner in HTML ed iframe che si carica tramite script

Il funzionamento normale di un banner, o comunque di un'immagine inserita in una pagina web è elementare, la si richiama tramite il tag "img", uno slideshow solitamente sono varie immagini richiamate tramite uno script inserito nell'"head" di una pagina ed un iframe solitamente è una parte di pagina html richiamata direttamente in una pagina web.

Quello detto fin'ora seppur scontato per i potenziali lettori di questo articolo è stato scritto per far capire a più persone possibile il procedimento che permette di inserire questi banner/slideshow in iframe tramite il richiamo di un file javascript dato che è l'insieme di un po di tutto questo, il funzionamento in pratica è che:

Inserendo (richiamando) il file javascript nella sezione di pagina che si vuole, un div od altro, questo, tramite la funzione document.write creerà un altro "div" ed un "iframe" il cui sorgente verrà richiamato a sua volta da un file HTML il quale conterrà non solo il codice HTML dell'iframe ma anche lo script che permette di fare lo slideshow.

I vantaggi di utilizzare questo metodo per creare un banner animato, uno slideshow d'immagini od entrambi sono svariati, innanzitutto la leggerezza del codice, a parte il setup iniziale la semplicità d'utilizzo per chi deve inserirlo non è irrilevante, basta solo impostarlo con le path assolute dei files e si caricherà su qualsiasi sito web, anche se i motori di ricerca leggono gli script e l'interpretano, anche per il rispetto delle istruzioni per i webmaster/linee guida dei motori di ricerca, per i siti web che inseriscono il banner se fossero svariati può essere un vantaggio.

Seppur mostrando il codice e le varie possibilità di personalizzazione sarebbe più semplice per tutti realizzare un banner/slideshow con iframe richiamato solamente da un pezzo di codice javascript, per inserire il banner, anche se indubbiamente sono richieste capacità di programmazione (minime) con il sorgente non si fa fatica a personalizzare a proprio piacimento, da qui potete scaricare il codice da me realizzato, facendo doppio click sul file "prova.html" si dovrebbe aprire automaticamente con il browser, se non lo fa apritelo con quello, il codice (dello script) è di pubblico dominio da come potete vedere dal codice.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Moderazione dei commenti attiva. Il tuo commento non apparirà immediatamente.