Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Carregar fancy lightbox para fora do iframe

21-09-2012 21:50

Quem precisa carregar o fancy lightbox a partir de um iframe, para que a foto seja mostrada fora do iframe, aqui vai um exemplo que pode ser usado.

Antes, você baixa o pacote, e usa esse exemplo de teste

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script> <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script> <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <link rel="stylesheet" href="style.css" /> <script type="text/javascript"> $(document).ready(function() { /* * Examples - images */ //$("a#example1").fancybox({ $("a#example1").click(function(e) { e.preventDefault(); parent.$.fancybox([ {href:$(this).attr('href'), title: 'algo'} ],{ 'overlayShow' : false, 'transitionIn' : 'elastic', 'transitionOut' : 'elastic' }); }); }); </script> <a class="grouped_elements" rel="group1" id="example1" href="example/1_b.jpg"><img alt="example1" src="./example/1_s.jpg" /></a> <a class="grouped_elements" rel="group1" id="example1" href="example/2_b.jpg"><img alt="example1" src="./example/2_s.jpg" /></a>

Referência: http://www.picssel.com/playground/jquer ... Jan12.html
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Carregar fancy lightbox para fora do iframe

23-09-2012 19:56

Para quem deseja mostrar uma sombra escurecendo a tela quando usar o lightbox, basta usar o seguinte:

'overlayShow' : true, 'overlayOpacity': 0.80, 'overlayColor' : '#000',

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]