Lightbox TopUp classes com iframe

Especificando uma predefinição TopUp é como especificar os atributos de estilo para um seletor de CSS na sua folha de estilo. A grande vantagem de usar presets é que ele fornece-lhe para manter o seu HTML todo (!) Limpo.

Basta ligar para TopUp.addPresets () com um hash como parâmetro.
A chave de cada entrada tem que ser um seletor CSS eo valor tem que ser um hash de toptions.

Assim, para ligações de agrupamento, apenas especificar grupo: [nome] na predefinição.

Open Google
Open Google
Open Google

<br /> <script src="http://gettopup.com/releases/latest/top_up-min.js" type="text/javascript"> </script><br /> <div id="examples"><script src="http://gettopup.com/releases/latest/top_up-min.js" type="text/javascript"> </script><br /> <a class="tu_iframe_800x600" href="COLOQUE AQUI O ENDEREÇO DA IMAGEM TAMANHO GRANDE " title="COLOQUE AQUI O TEXTO " width="120"> <img height="83" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJygYJNby9dMKw-k7RS2AoaLRc75NmjlbBxtefnyoQwfghfkQraVoomsmGd-XW6DAYHHNShNBcXFda23bxkXiL5wr1BJLuu7922AiQurCXCMtbjkn7Z-FfGNATDmRU3DWf0YmRFG-bA78/s1600/tigre-branco.jpg" title="COLOQUE AQUI O TEXTO " width="120" /><br /> </a><a class="tu_iframe_800x600" href="COLOQUE AQUI O ENDEREÇO DA IMAGEM TAMANHO GRANDE " title="COLOQUE AQUI O TEXTO " width="120">Open Google</a><br /> <a class="tu_iframe_800x600" href="COLOQUE AQUI O ENDEREÇO DA IMAGEM TAMANHO GRANDE " title="COLOQUE AQUI O TEXTO " width="120">Open Google</a><br /> <a class="tu_iframe_800x600" href="COLOQUE AQUI O ENDEREÇO DA IMAGEM TAMANHO GRANDE " title="COLOQUE AQUI O TEXTO " width="120">Open Google</a><br /> </div><script type="text/javascript"> TopUp.addPresets({ "#examples a": { title: "Gallery {alt} ({current} of {total})", group: "examples", readAltText: 1, shaded: 1 } }); </script><br /> <br />