Slideshow per gli album di Google foto
che funziona anche su cellulari e tablet

AGGIORNAMENTO: Google ha tolto la possibilità di rendere pubblici gli album di Google foto. Se gli album non sono pubblici, le gallerie e gli slideshow ad essi collegati non possono funzionare. Per ora, gli album già pubblici sono rimasti tali e continuano, quindi, ad essere visibili nello slideshow di questa guida.

Esempio:
Slideshow per album Google foto
Click per visualizzare l'anteprima funzionante


Molti di voi si saranno accorti che gli slideshow di Google+ e Picasa web non si possono vedere sui cellulari e sui tablet, perche` Flash non e` piu` supportato. Vediamo, quindi, come implementare nel nostro sito uno slideshow che possa funzionare senza problemi su tutti i dispositivi.

Leggi anche: "Google Foto, come trovare l'ID numerico di un album", nella guida Come fare a.

Per ottenere questo slideshow, dovete scaricare....questo file zip

Dopo averlo scompattato, aprite la cartella e troverete diversi file.
Aprite il file.html e modificate questi parametri....

var googleAlbumLink = "https://plus.google.com/photos/XXXXXXXXXXXXXX/albums/XXXXXXXXXXXXXXXX?banner=pwa";
//optional-----------------------
var mySlideWidth = 400;
var mySlideHeight = 300;
var mySlideDelay = 6000; //delay in milliseconds
//3000 = 3 seconds delay
/script>
<style>
#slide{width:100% !important; max-width: 400px;}

Al posto delle X segnate in rosso, dovete mettere il vostro ID di Google+ e l'ID dell'album di foto che volete caricare.

(Potete trovare le guide per ottenere gli ID in questa pagina: Come fare a..)

Piu` sotto, impostate la larghezza delle immagini ((mySlideWidth) e l'altezza (mySlideHeight) in pixel.

Piu` sotto ancora, potete regolare la velocita` dello slide in millisecondi (mySlideDelay).

Infine, trovate la larghezza dello slide in percentuale. Questa impostazione serve a renderlo responsive e non dipende dalla larghezza delle immagini. Per stabilire la larghezza massima, ripetete la larghezza in pixel dello slide alla voce max-width.

Le immagini si fermano puntando il cursore. Se cliccate, portano ad un collegamento che puo` essere definito da voi tramite Google foto, vediamo come:
  • Accedete a Google foto con il vostro account e aprite l'album scelto.
  • Cliccate su un'immagine per aprirla singolarmente.
  • Cliccate sull'icona relativa alle informazioni.
Slideshow per album Google foto
Nella finestra che si aprira`, nello spazio dedicato al titolo dell'immagine, dovete inserire il link del collegamento, mettendolo tra parentesi graffe.
Slideshow per album Google foto
Ripetete questo procedimento per tutte le foto. Potete impostare lo stesso link per tutte le foto, oppure un link differente per ogni singola immagine. Il collegamento puo` essere allo stesso album, o all'anteprima di ogni immagine, o ad una pagina esterna.

Ecco fatto, ora chi clicchera` sulle immagini dello slideshow verra` indirizzato al collegamento che avete stabilito.

ATTENZIONE: se userete lo stesso album per altri slideshow, il link che avete messo come titolo potrebbe apparire. Per esempio, se guardate lo slide che propongo piu` sotto, creato con un gadget e per il quale ho usato lo stesso album, vedete che sopra le immagini appare il mio link al posto del titolo.
Nella finestra che si aprira`, nello spazio dedicato al titolo dell'immagine, dovete inserire il link del collegamento, mettendolo tra parentesi graffe.






Fammi sapere se questo argomento ti è stato utile.
Se non ti è stato utile, potrai inviare le tue osservazioni. Grazie
Fammi sapere se questo argomento ti è stato utile.
Se non ti è stato utile, potrai inviare le tue osservazioni. Grazie
Ti è stato utile questo argomento?
Si
No

>
Continua con:
E molto altro ancora se leggi:
Tutti gli argomenti