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
Documenti analoghi
1 Tutorial: SCRUBS Tutorial creato da: marte9020 Tutorial creato
3) Premiamo dalla tastiera la combinazione di tasti “CTRL+I”, in alternativa (se ci sudano le mani)
andiamo nel menù “Immagine”, selezioniamo “Regolazioni” e da lì “Inverti”