Ho caricato su un altro server gli script di Lightbox 2 per creare straordinari effetti alle foto del blog.

E' noto che noi blogger combattiamo una battaglia quotidiana contro i siti in cui carichiamo dei file che poi per qualche ignota ragione vanno in tilt o chiudono proprio i battenti. Alcuni file di tipo javascript erano stati caricati su FileDen che però ha dato segnali di disservizio piuttosto evidenti che mi hanno fatto decidere a trovare un'alternativa. Ho quindi caricato alcuni file su MyDataNest di cui parlerò in un prossimo articolo e che insieme a SigMirror mi sembra attualmente la soluzione più valida per i file Javascript.
I file in questione si riferivano al celebre effetto per le immagini Lightbox 2  ed ecco il nuovo codice da inserire subito sopra al tag </head> in Layout > Modifica HTML

<!--LIGHTBOX INIZIO-->
<link href='https://sites.google.com/site/scriptperilblog/lightbox/lightbox.css' media='screen' rel='stylesheet' type='text/css'/><script src='https://sites.google.com/site/scriptperilblog/lightbox/prototype.js' type='text/javascript'/> <script src='http://www.lokeshdhakar.com/projects/lightbox2/js/scriptaculous.js?load=effects,builder' type='text/javascript'/> <script src='https://sites.google.com/site/scriptperilblog/lightbox/lightbox.j' type='text/javascript'/>
<noscript><a href='http://goo.gl/IbTx' target='_blank'><span style='font-size: x-small;'>Lightbox per Blogger</span></a></noscript>
<!--LIGHTBOX FINE-->

Questo script riesce a creare un effetto particolare alle immagini nel momento in cui ci si clicca sopra con il mouse. Tale effetto può essere verificato cliccando sopra alla foto di Cristina Chiabotto in questo post di prova. Per avere questo effetto ricordo che occorre caricare le foto nel web attraverso un servizio gratuito tipo Skydrive, quindi postarle scegliendo l'opzione Carica dal web nell'editor di Blogger

quindi passare alla modalità HTML ed inserire rel="lightbox" subito dopo la <a del collegamento in questo modo 
Se invece si usa Windows Live Writer le nostre immagini devono sempre essere inserite tramite URL, quindi si sceglie Immagine > Da Web


 
Dopo aver selezionato l'immagine, nella parte destra in Collega a si sceglie URL e si inserisce nuovamente l'URL dell'immagine che abbiamo caricato nel web
          

nella parte bassa della finestra occorre inserire in Rel l'espressione lightbox come mostrato nel precedente screenshot. Le immagini ridimensionate, con un click del mouse, si vedranno a grandezza naturale e acquisteranno luminosità mentre il resto della finestra diventerà opaco.
Si possono creare anche degli slideshow di gallerie di foto, slideshow a cui dobbiamo dare un nome. In questo caso, se si usa l'editor di Blogger dobbiamo inserire con le stesse modalità di prima l'espressione
rel="lightbox[nome-slideshow]"
notare le parentesi quadre. Se invece si usa WLW il procedimento è lo stesso, dovremo solo inserire in Rel l'espressione lightbox[nome-slideshow], anche in questo caso notare le parentesi quadre, come mostrato in quest'ultimo screenshot


Nel caso di uno slideshow questo non passerà automaticamente da un'immagine ad un'altra ma sarà possibile 
farlo andando sui pulsanti PREV e NEXT che si visualizzeranno nelle foto         

• Per testare il funzionamento dell'effetto Lightbox 2, cliccate su una delle immagini dello slideshow di Cristina Chiabotto.

Questo script non interferisce con quello di Expando, quindi possono essere usati anche contemporaneamente.
Aggiornamento: Ho caricato gli script su Google Sites perché My Data Nest dava segni di malfunzionamento.
Aggiornamento n°2: Ho dovuto caricare le immagini per gli strumenti di navigazione in un hosting diverso. Coloro che notassero un malfunzionamento non debbono fare altro che sostituire il vecchio codice con quello nuovo.
Aggiornamento n°3: Se avete dei problemi con l'Effetto Lightbox nativo di Blogger, seguite le istruzioni di questo articolo.