Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

666999

[Resolvido] Abrir foto em janela modal automaticamente sem clicar

Por , em Desenvolvimento frontend

Recommended Posts

666999    0

666999
Postado

pessoal catei da internet um esquema de janela model

eu gostaria de saber

como faço para abrir a foto quando abre a pagina Imagem Postada

sem clicar nesse texto ( Janela Modal Simples )

<li><a href="#dialog" name="modal">Janela Modal Simples</a></li>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script> <script type="text/javascript">$(document).ready(function() {		$('a[name=modal]').click(function(e) {		e.preventDefault();				var id = $(this).attr('href');			var maskHeight = $(document).height();		var maskWidth = $(window).width();			$('#mask').css({'width':maskWidth,'height':maskHeight});		$('#mask').fadeIn(1000);			$('#mask').fadeTo("slow",0.8);				//Get the window height and width		var winH = $(window).height();		var winW = $(window).width();              		$(id).css('top',  winH/2-$(id).height()/2);		$(id).css('left', winW/2-$(id).width()/2);			$(id).fadeIn(2000); 		});		$('.window .close').click(function (e) {		e.preventDefault();				$('#mask').hide();		$('.window').hide();	});				$('#mask').click(function () {		$(this).hide();		$('.window').hide();	});				});</script><style type="text/css">body {font-family:verdana;font-size:15px;}a {color:#333; text-decoration:none}a:hover {color:#ccc; text-decoration:none}#mask {  position:absolute;  left:0;  top:0;  z-index:9000;  background-color:#000;  display:none;}  #boxes .window {  position:absolute;  left:0;  top:0;  width:0px;  height:0px;  display:none;  z-index:9999;  padding:20px;}#boxes #dialog {  position:absolute;  width:675px;  height:453px;  padding:10px;}</style></head><body><li><a href="#dialog" name="modal">Janela Modal Simples</a></li></ul><div id="boxes"><div id="dialog" class="window"><a href="#" class="close">Fechar [X]</a><br /><img src="1.jpg" border="0"></div>  <!-- Máscara para cobrir a tela -->  <div id="mask"></div></div><br /><br /></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

faça a abertura logo no window.onload (document.read()), antes do evento click.

Compartilhar este post

Link para o post
Compartilhar em outros sites

666999    0

666999
Postado

Vlw pela ajuda Imagem Postada

 

pesquizei procurei .. até que consegui fazer uns esquema Imagem Postada

e ficou bom d++

 

funcionando 100%

testado no avant browser

testado no firefox

testado no opera 10

testado no internet explorer 8

Imagem Postada

 

 

Resolvido

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gabrielwebb    0

Gabrielwebb
Postado

faça a abertura logo no window.onload (document.read()), antes do evento click.

 

Opaaa, beleza pura? eu sei que ja tem um tempão esse tópico mais to enrolado com isso, você poderia dizer como eu faço isso?!?!?

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcello HulleY    0

Marcello HulleY
Postado

Opaaa, beleza pura? eu sei que ja tem um tempão esse tópico mais to enrolado com isso, você poderia dizer como eu faço isso?!?!?

abraço

 

 

Cara também estou precisando abrir a janela modal assim que a pessoa entrar no site e ainda não consegui... você conseguiu?

 

abs

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Para deixar registrado, já que este tópico está indexado, e não possui solução:

 

http://wbruno.com.br/blog/2011/11/22/abrir-modal-tuto-maujor-automaticamente-ao-carregar-pagina-jquery/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito