Pubblicato il 14/09/12e aggiornato il

Slideshow di immagini con link agli articoli.

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 

leftrightslide[5]='<a href="URL_COLLEGAMENTO"><img src="URL_IMMAGINE" border=1></a>' 

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.




16 commenti :

  1. Ho cercato per mesi uno script del genere. Figurati che avevo controllato perfino Dynamic Drive senza trovarlo. :(

    Nella demo non riesco a visualizzare le foto né con Chrome né con Explorer.

    RispondiElimina
    Risposte
    1. Confermo, con Chrome non si visualizzano le foto.
      Complimenti comunque ad Ernesto per questa interessante chicca

      Elimina
  2. carinissimo, mi copio subito il codice ...per ora non mi serve ma sicuramente piu' in la' mi fara' comodo .
    grazie!!! :)

    RispondiElimina
  3. @BastetLaDeaGatta
    @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.

    RispondiElimina
    Risposte
    1. Sì, sì. Ora si vedono. Thanks a million :)

      Elimina
  4. Io dovrei realizzare un blog in cui in tutti devo caricare 30-50 immagini per ogni singolo post. Ci sono metodi veloci?
    E 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à?

    RispondiElimina
    Risposte
    1. @AndreaSapuppo
      Non 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.

      Elimina
  5. 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
    Risposte
    1. @BendettaMarchi
      SE 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".

      Elimina
  6. Ciao, Ernesto,
    mi 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

    RispondiElimina
    Risposte
    1. @Veronica+-+-
      Certamente. Clicchi sulla immagine con il destro del mouse e poi sceglie Copia URL immagine

      Elimina
    2. oooohh, grazie! Come sempre fantastico.

      Elimina
  7. ciao ernesto, ho provato ad inserire questo widget tal quale come prima prova ma non si vede nulla...

    RispondiElimina
    Risposte
    1. @# 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.

      Elimina
  8. Utilissimo 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?

    RispondiElimina
    Risposte
    1. Perché con il javascript è così. Non possono essere inserite due identiche chiamate javascript nella stessa pagina
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.