10 - Rotazione di banner

Transcript

10 - Rotazione di banner
Inserire una rotazione di banner nel sito web
Se possediamo qualche conoscenza in campo grafico sicuramente oltre alla personalizzazione di una skin
prima o poi ci sbizzarriremo andando a creare dei banner da inserire nel nostro sito web. Se volessimo
creare qualcosa di un po’ più complicato come una serie di banner in rotazione possiamo riuscirci in breve
tempo grazie a uno script generato dal sito http://www.editeurjavascript.com/. Il funzionamento del sito è
molto semplice, basta inserire nel campo “Temps d’affichage de chaque image (en s) il numero di secondi in
cui l’immagine deve restare visibile per poi passare alla successiva
Nel campo “Chemin d’accès de l’image” basta andare ad impostare l’indirizzo diretto della prima immagine
che vogliamo inserire. Per caricare l’immagine ci possiamo basare sia sull’utilizzo di siti di file-hosting che su
siti specifici di image-hosting. Nell’esempio io ho utilizzato www.tinypic.com che è il miglior sito di imagehosting. Una volta caricata l’immagine ci basta prelevare il collegamento diretto ed incollarlo lì
Guida creata da marte9020 per http://jimding3.jimdo.com
Pagina 1
Nel campo “Chemin de la page à afficher si l’image est cliquée” dobbiamo inserire semplicemente della
pagina verso cui vogliamo indirizzare il visitatore quando clicca sull’immagine, ad esempio
http://dozy3.jimdo.com
Premiamo ora sul pulsante “Ajouter l’image”
Guida creata da marte9020 per http://jimding3.jimdo.com
Pagina 2
Ora ci basta inserire allo stesso modo altre immagini e alla fine premere su “Editer votre script!”
Premuto sul pulsante tutto quello che dobbiamo fare è prelevare entrambi i codici forniti nei moduli
sottostanti ed incollarli in un modulo widget/html del nostro sito web
Guida creata da marte9020 per http://jimding3.jimdo.com
Pagina 3
Una volta premuto su “salvare” avrete i vostri banner animati e i visitatori che utilizzano Explorer vedranno
anche l’effetto di dissolvenza. Se incollate il codice fornito direttamente in una skin personalizzata nella
parte dell’HTML vi apparirà un messaggio di errore
Non è un vero errore, vi basterà premere su “Correggere automaticamente” e verrà risolto
Guida creata da marte9020 per http://jimding3.jimdo.com
Pagina 4