Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
pessoal catei da internet um esquema de janela model
eu gostaria de saber
como faço para abrir a foto quando abre a pagina /applications/core/interface/imageproxy/imageproxy.php?img=http://forum.imasters.com.br/public/style_emoticons/default/mellow.gif&key=356581a1bd5b39ccefe91ac9b9df56effa5e2b9f2417c09b2bf6bec26392e3d6" alt="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>Vlw pela ajuda /applications/core/interface/imageproxy/imageproxy.php?img=http://forum.imasters.com.br/public/style_emoticons/default/happy.gif&key=d39e68bd94edabd9069b8f4a6d941163110d4d36d12e6324ad75ec83de4843df" alt="Imagem Postada" />
pesquizei procurei .. até que consegui fazer uns esquema /applications/core/interface/imageproxy/imageproxy.php?img=http://forum.imasters.com.br/public/style_emoticons/default/happy.gif&key=d39e68bd94edabd9069b8f4a6d941163110d4d36d12e6324ad75ec83de4843df" alt="Imagem Postada" />
e ficou bom d++
funcionando 100%
testado no avant browser
testado no firefox
testado no opera 10
testado no internet explorer 8
/applications/core/interface/imageproxy/imageproxy.php?img=http://forum.imasters.com.br/public/style_emoticons/default/laugh.gif&key=fb9a849ac525d2fd317adad061adf02e38bd5f5cb2c664d803c1667dd70a2af1" alt="Imagem Postada" />
Resolvido
>
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
>
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
Para deixar registrado, já que este tópico está indexado, e não possui solução:
faça a abertura logo no window.onload (document.read()), antes do evento click.