Inserire effetto lightbox su piattaforma blogger blogspot

Inserire effetto lightbox su piattaforma blogger blogspot

Ecco dopo tante ricerche sono riuscito a trovare il modo di inserire l'effetto lightbox per le nostre gallerie fotografiche su piattaforma blogger blogspot.

Andare su impostazioni-layout-modifica html, e inserire prima del tag
</head>
Il seguente codice :

<style>#virtualBoxFullPage {font-size:12px;}p#virtualCaptionTitle {color:#3366CC; margin:0px;font-size:16px;padding-left:4px;} p#virtualCaptionContent {margin:0px;padding-left:4px;}div#thumbs img {border:2px solid #FF6600;margin-right:10px;float:left;}div#virtualArrowsBox a {color:#3366CC;float:left;margin-right:10px;padding:6px 6px 6px 0px;}div#virtualArrowsBox a:hover{color:#FF6600;}div#virtualArrowsBox a#virtualCloseButton {color:#FF6600;float:right;padding-right:0px;margin-right:0px;}div#virtualArrowsBoxText {padding:2px 6px 0px 0px;color:#CCCCCC;}</style><script src="http://www.risparmiocitta.it/source/moo.rd_1.3.1_mootools_1.2.js" type="text/javascript"></script><br /> <script type="text/javascript"> window.addEvent('domready', function() {var virtual = new Virtual.Box({enable: {arrows: true,closeButton: true},effect: 'open',leftArrowText: 'prev',rightArrowText: 'next',closeButtonText: 'close',captionOpacity: 0.6}).setLight('#000000');});</script>

Quando inseriamo le nostre immgini dobbiamo inserire nel parametro alt il numero progressivo della slideshow, e nel tag a che crea il collegamento all'imagine, inseriamo la class virtualbox, nel title inseriamo le descrizione dell'immagine e all'interno del a href con dentro l'indizzo dell'immagine.
DEMO
1 2
Fonte noizexperience.blogspot.com

Share This

1 commento:

  1. Funziona benissimo! Hai visto Anto? Allora hai trovato casa? tutto bene? IO qui tutto va da Dio... Entro la fine di dicembre mi trasferisco da Camille... che storia man! ps... ti aspetto a parigi... avrò più posto per accogliere tutti i miei amici!!!

    RispondiElimina

Seguici su

Google+ Followers

Lettori fissi

Designed By Blogger Templates