Come fare a..‎ > ‎

Google foto, slideshow no flash





Slideshow
without flash for album of Google plus and Picasa web that works also on phones and tablets







Premessa:



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



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



Slideshow per gli album di Google foto


        


Per ottenere questo slideshow, dovete scaricare....

Questo file zip

(allegato anche a fondo pagina).

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 uo` 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.




Nella finestra che si aprira`, nello spazio dedicato al titolo dell'immagine, dovete inserire il link del collegamento, mettendolo tra parentesi graffe.

Esempio:



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.

Come caricare lo slide in Google sites:

Per caricare questo slide in Google sites, dovete seguire la guida: Come caricare codici e scripts in Google sites.
Fate attenzione ad indicare, all'interno del file "myslide-min.js",  il percorso delle icone corrispondenti alle due frecce di navigazione, prima di caricare il file come allegato. Se non volete le due frecce laterali, potete tralasciarle, lo slide funzionera` ugualmente.


Slideshow per Google sites usando un gadget

Per chi ha un sito creato con Google sites, c'e` anche la possibilita` di usare un gadget come questo che e` anche responsive.




L'indirizzo per trovarlo e` questo....

http://hosting.gmodules.com/ig/gadgets/file/107173600940953194902/slideshow_nc.xml

....e va incollato nel percorso inserisci->altri gadget->gadget tramite URL. Apparira` la schermata per la configurazione.

Leggi: Google foto, come ottenere l'indirizzo feed di un album

Altri gadget per slideshow:

http://www.google.com/ig/modules/image_slideshow/image_slideshow.xml

http://hosting.gmodules.com/ig/gadgets/file/110671948006269597468/RSSMediaSlideshow.xml



Guarda anche: Google foto, gallerie no flash





Aiuta il sito! Condividi questa pagina su:
 Facebook   twitter  Google   Linked  in    

Ti e` stato utile questo argomento?






ċ
slideshow x Google foto.zip
(37k)
Maria Silvana Radice,
22 mar 2017, 02:55