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>Carregando comentários...