02 aprile, 2009

Slideshow stile Lightbox in blogger

Mi è stato chiesto se è possibile inserire all'interno di un blog di blogger una slideshow ma senza appoggiarmi ad a siti di foto sharing tipo flickr o photobucket.

Girando per la rete ho trovato questo script, gentilmente offerto da kagliostro, con relative istruzioni (file scaricabile da qui) per realizzare una slideshow in stile Lightbox.

Lo script va incollato prima del TAG .

Adesso puoi caricare le tue immagini direttamente all'interno del post, e per attivare la lightbox, basta aggiungere rel="clearbox" all'interno del codice html es:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_Ufv6Ut7ugDW8WhNkvJWWyp_7Trce_S8XC1NH69irXEWkX-1Ww1AucXhMAQOGejBKWmQAqNGj4WuC33wuUx4ylLUCe8pUeQC2VrdoBRT__b_9XySnEQ38aHKjMxFBLJePkTwssUO4LQ/s1600-h/Tramonto.jpg" rel="clearbox"><img style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_Ufv6Ut7ugDW8WhNkvJWWyp_7Trce_S8XC1NH69irXEWkX-1Ww1AucXhMAQOGejBKWmQAqNGj4WuC33wuUx4ylLUCe8pUeQC2VrdoBRT__b_9XySnEQ38aHKjMxFBLJePkTwssUO4LQ/s200/Tramonto.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5320183180400855874" /></a>

Per aggiungere il titolo ad ogni immagine, utilizza il tag title, es:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_Ufv6Ut7ugDW8WhNkvJWWyp_7Trce_S8XC1NH69irXEWkX-1Ww1AucXhMAQOGejBKWmQAqNGj4WuC33wuUx4ylLUCe8pUeQC2VrdoBRT__b_9XySnEQ38aHKjMxFBLJePkTwssUO4LQ/s1600-h/Tramonto.jpg" rel="clearbox" title="titolo immagine"><img style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_Ufv6Ut7ugDW8WhNkvJWWyp_7Trce_S8XC1NH69irXEWkX-1Ww1AucXhMAQOGejBKWmQAqNGj4WuC33wuUx4ylLUCe8pUeQC2VrdoBRT__b_9XySnEQ38aHKjMxFBLJePkTwssUO4LQ/s200/Tramonto.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5320183180400855874" /></a>

Per creare la galleria, aggiungere al rel="clearbox" il nome della galleria d'immagini che si vuole creare, es:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_Ufv6Ut7ugDW8WhNkvJWWyp_7Trce_S8XC1NH69irXEWkX-1Ww1AucXhMAQOGejBKWmQAqNGj4WuC33wuUx4ylLUCe8pUeQC2VrdoBRT__b_9XySnEQ38aHKjMxFBLJePkTwssUO4LQ/s1600-h/Tramonto.jpg" rel="clearbox[gallery1]" title="titolo immagine"><img style="cursor:pointer; cursor:hand;width: 200px; height: 150px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO_Ufv6Ut7ugDW8WhNkvJWWyp_7Trce_S8XC1NH69irXEWkX-1Ww1AucXhMAQOGejBKWmQAqNGj4WuC33wuUx4ylLUCe8pUeQC2VrdoBRT__b_9XySnEQ38aHKjMxFBLJePkTwssUO4LQ/s200/Tramonto.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5320183180400855874" /></a>

Io ancora non l'ho provato... a voi funziona?? :)
vac 468x60.gif

9 commenti:

Anonimo ha detto...

Non c'ho capito niente!

Alessio on 3 aprile 2009 alle ore 15:04 ha detto...

no.. non funziona ...xkè quando vado ad incollare lo script in head andando a salvare il modello mi da un errore...

mi sembra ke a deve essere seguito da > o />

Alla Scoperta on 5 aprile 2009 alle ore 21:08 ha detto...

Abbiamo una proposta interessante per te

Anonimo ha detto...

non ce la fo'neanch'io...ho qualche problemino a parte, anche con il nuovo blog..Sto cercando di impostargli adsense e mi dice che i cookie non sono abilitati. Ma a me risulta che siano a posto..c'è livello medio e non c'è blocco pop up. Sono andata, però a controllare meglio e risulta che su strumenti>opzioni>privacy e sotto le impostazioni (dove c'è siti, importa e avanzate) su avanzate e non è segnata la casella sostituisci gestione automatica cookie, con le relative sottocartelle... puo' essere li' il problema? boh..!
Comunque, in attesa di leggere tue nueve, ti auguro una buona pasqua..
ciao
fede

yurj on 25 aprile 2009 alle ore 12:08 ha detto...

In effetti non funzione, se risolvo i miei problemini, cerco qualche altra soluzione!!

Alessio on 18 maggio 2009 alle ore 18:08 ha detto...

ma allora questa soluzione l'hai trovata ?????

Equifare Fare Equitazione on 27 maggio 2009 alle ore 21:26 ha detto...

Io uso Picasa Web on line. Dopo aver creato un album, sulla destra compaiono una serie di collegamenti da copiare e scelgo quello che mi serve. C'è anche l'opzione crea una slideshow e di che dimensioni la vuoi. http://equifare.blogspot.com/2009/03/albaranch-campania-marzo-2009.html Questo è il link di un post nel quale ho inserito una slideshow dei miei amici. Hofatto altri post con slideshow di dimensioni pi grandi e piccole. Spero che questa soluzione assomigli a quello che cercavate

Equifare Fare Equitazione on 27 maggio 2009 alle ore 21:53 ha detto...

Inoltre, nella mia colonna destra, ho inserito diverse slideshow, tutte sfruttando aggiungi gadged di blogger e tutte sfruttando Picasa web. Addirittura ho fatto una cosa curiosa: Registandomi accaunt google/blogger/picasaweb con lo stesso nick, picasa mi ha dato in automatico (l'ho scoperto dopo)un album comprendente le foto che compaiono sul mio blog. A questo punto, con aggiungi gadget/slideshow, ho inserito l'url feed corrispondente e, senza null'altro fare, tutte le foto nuove (entro poche ore) compaiono nello slideshow che ho intitolato "le foto apparse su Equifare". La sequenza rispecchia l'ordine cronologico. Per cancellare i doppioni o inserire foto che non ho pubblicato, faccio le correzioni su Picasa web on line. Questa sorta di "corto circuito"...a me piace.

problem-error on 1 agosto 2009 alle ore 11:03 ha detto...

Forse l'editor vi "mangia" i caratteri speciali

 
Ti sono stato utile? Ti ho aiutato? Ho risolto qualche tuo problema? Allora che ne dici di offrirmi un caffe?;)

Lettori fissi

Risorse per blogger Copyright © 2009 FreshBrown is Designed by Simran