Come installre uno slideshow di immagini con collegamenti ai post più interessanti. Si possono settare la velocità e le dimensioni.
Vado a presentare uno slideshow semplicissimo per presentare in una sidebar gli articoli più interessanti del blog attraverso una miniatura della immagine che li rappresenta meglio. Si potranno settare le dimensioni del widget, la velocità di scorrimento e il colore di sfondo oltre naturalmente allo scegliere le immagini e i link collegati.
Le dimensioni proposte per il widget sono di 300 pixel di larghezza e di 150 pixel di altezza. Con queste dimensioni le immagini dovranno avere una larghezza di 112 pixel e una altezza di 140 pixel. Se si mutano le dimensioni del widget dovremo adattare anche quelle delle immagini. Ecco la demo
Per l'installazione si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla il
che ho pubblicato su Google Drive. I parametri da modificare sono stati colorati di rosso e sono presenti anche dei commenti colorati di verde con la spiegazione del loro significato. Nel codice di prova sono state inserite cinque immagini ma nulla vieta di inserirne altre usando questa sintassi per la sesta
Per le successive va aggiornato il numeretto colorato di rosso. Si va su Salva e si posiziona lo slideshow nel punto desiderato mediante il trascinamento del mouse.
Ho cercato per mesi uno script del genere. Figurati che avevo controllato perfino Dynamic Drive senza trovarlo. :(
RispondiEliminaNella demo non riesco a visualizzare le foto né con Chrome né con Explorer.
Confermo, con Chrome non si visualizzano le foto.
EliminaComplimenti comunque ad Ernesto per questa interessante chicca
carinissimo, mi copio subito il codice ...per ora non mi serve ma sicuramente piu' in la' mi fara' comodo .
RispondiEliminagrazie!!! :)
@BastetLaDeaGatta
RispondiElimina@Nanussa
@Fr@ncesco_qci_
Adesso la demo dovrebbe essere visibile con tutti i maggiori browser. Avevo lasciato le immagini di Dynamic Drive perché non avevo molto tempo e si vede che era stato superato il limite di banda e quindi ad alcuni non comparivano.
Sì, sì. Ora si vedono. Thanks a million :)
EliminaIo dovrei realizzare un blog in cui in tutti devo caricare 30-50 immagini per ogni singolo post. Ci sono metodi veloci?
RispondiEliminaE poi su window writer quando si crea un album questo mi chiede di effettuare l'accesso al mio account messenger, in questo modo si condividono le mie immagini publicamente e le vedono tutti oppure è solo una formalità?
@AndreaSapuppo
EliminaNon conosco bene la privacy della Microsoft comunque se carichi le foto su un tuo account hotmail o live allora finiscono su SkyDrive e puoi settare ciascun album come pubblico o privato. Non so però se dalle immagini caricate su un album privato si possa avere un link diretto funzionante.
Scusa Ernesto, ma volevo preovare a inserirlo nel mio blog. L'unico problema è che se cambio, colore sfondo, dimensioni e velocità non ci sono problemi; mentre quando metto l'url delle mie immagini il gadget non viene più visualizzato. Cosa può essere? Grazie infinite per tutti questi codici fantastici!
RispondiElimina@BendettaMarchi
EliminaSE leggi i commenti precedenti è successo anche a me. Prova a caricare le immagini su Picasa in un album settato come "Pubblica sul web" e non "Solo io".
Ciao, Ernesto,
RispondiEliminami piace questo widget e volevo chiederti se sia possibile caricare le foto in vari post e reperire da lì l'url delle immagini invece di usare Picasa o simili. Questo perché ogni volta non mi è facile usare Picasa.
Grazie
@Veronica+-+-
EliminaCertamente. Clicchi sulla immagine con il destro del mouse e poi sceglie Copia URL immagine
oooohh, grazie! Come sempre fantastico.
Eliminaciao ernesto, ho provato ad inserire questo widget tal quale come prima prova ma non si vede nulla...
RispondiElimina@# La Demo funziona ma anch'io provai altri blog di test prima di trovare quello in cui funzionava. Ci sono quindi modelli in cui non va.
EliminaUtilissimo questo slidshow... unica cosa: l'ho usato nel mio blog per inserire delle immagini relative a un argomento. Vorrei inserirne altre, ma usando un widget separato (ossia un'altra slideshow), però non mi permette di aggiungerla. Visualizza soltanto una delle due... come mai?
RispondiEliminaPerché con il javascript è così. Non possono essere inserite due identiche chiamate javascript nella stessa pagina
Elimina@#