Come fare a..‎ > ‎

Google foto, gallerie no flash









Prima galleria:

Per una semplice galleria di immagini, posso indicarvi questo script:

<script src="https://scarygami.github.io/picasa-album/components/webcomponentsjs/webcomponents.min.js" async defer>
</script>
<link rel="import" href="https://scarygami.github.io/picasa-album/components/picasa-album/picasa-album.html">
<picasa-album user="114787917099375485799" album="6111963199393562945" class="fit">
</picasa-album>

Lo potete testare incollandolo direttamente nell' HTML editor.

Per trovare i vostri ID personali (numeri identificativi), leggete le guide pubblicate nella pagina: Come fare a..

Dato che questo script utilizza un file depositato su un server esterno, non posso garantirne la continuita`. Se non dovesse piu` funzionare, avvisatemi. Grazie


Seconda galleria:

Ora vi presento una bellissima galleria di immagini per uno o piu` album di Google. La galleria e` responsive e si adatta, quindi, a qualsiasi dimensione dello schermo.


E` possibile realizzare una galleria per un solo album, oppure per album diversi. In questo caso, appariranno, sopra alla galleria, i link per passare da un album all'altro.
Potete scaricare le gallerie cliccando....


....o dall'allegato a fondo pagina.

Le parti del codice da personalizzare sono queste....

Per la galleria singola:

Aprite il file.html con un editor di testo e cercate questa stringa....

<div id="plusgallery"
data-userid="XXXXXXXX"
data-type="google"
data-album-id="XXXXXXXX"></div>

Al posto della prima fila di X dovete inserire il vostro ID di Google+ e al posto della seconda fila l'ID dell'album.
Per trovare gli ID che servono, leggete le guide pubblicate nella pagina: Come fare a..
La prima fila di numeri corrisponde al vostro ID personale, la seconda all'ID dell'album.

Per la galleria multipla:

Sempre nel file.html, questa e` la parte di codice da modificare:

Le parti da personalizzare sono....

In rosso:
Al posto delle X dovete mettere l'ID dei vari album.
"Blue" e "red" corrispondono al colore dei link per la scelta degli album, prima e dopo il click.
"Gallery (1/2/3)" e` il testo dei link.

In fucsia:
Al posto delle X dovete mettere il vostro ID personale.

In blue:
Al posto delle X dovete mettere l'ID dell'album che volete compaia per primo all'apertura della pagina.

Per entrambe le gallerie:

background-color:transparent;    

Al posto di "transparent" potete mettere il colore di sfondo che preferite, utilizzando il suo nome in inglese, oppure il codice web (Editor colori).


In Google sites, queste gallerie possono essere caricate seguendo la guida "Come inserire codici e scripts in Google sites.
Per rendere responsive il gadget leggi: Google sites - come ottimizzare il sito e i contenuti per il mobile).


Guarda anche: Google foto, slideshow no flash






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

Ti e` stato utile questo argomento?








ċ
G+-gallery.zip
(84k)
Maria Silvana Radice,
29 set 2016, 03:29