<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		>
<channel>
	<title>Comentários sobre: Janela Modal com jQuery &#8211; Lightbox para Página Html e Imagens</title>
	<atom:link href="http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens</link>
	<description>Webdesign, Dicas CSS e WebStandard, Temas, Plugins e Tutorias de WordPress, Otimização SEO, Marketing Digital e +...</description>
	<lastBuildDate>Tue, 07 Feb 2012 17:42:46 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<item>
		<title>Por: junior</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-17235</link>
		<dc:creator>junior</dc:creator>
		<pubDate>Fri, 06 Jan 2012 22:20:15 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-17235</guid>
		<description>Olá pessoal estou tentanto colocar video e nao consigo,
me envia alguma dica. Obrigado</description>
		<content:encoded><![CDATA[<p>Olá pessoal estou tentanto colocar video e nao consigo,<br />
me envia alguma dica. Obrigado</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Sidônio Raftopoulos</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-16817</link>
		<dc:creator>Sidônio Raftopoulos</dc:creator>
		<pubDate>Fri, 23 Dec 2011 10:32:37 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-16817</guid>
		<description>Gostaria de saber se é possível quando acabar de passar o vídeo na janela modal fechar automaticamente e ir para o inicio do site?</description>
		<content:encoded><![CDATA[<p>Gostaria de saber se é possível quando acabar de passar o vídeo na janela modal fechar automaticamente e ir para o inicio do site?</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Saulo Augusto</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-16339</link>
		<dc:creator>Saulo Augusto</dc:creator>
		<pubDate>Thu, 08 Dec 2011 19:57:43 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-16339</guid>
		<description>Gostaria de saber se é possível incluir uma LightBox com o conteúdo de CURTIR do Facebook em meu blog.

Agradeço desde já.</description>
		<content:encoded><![CDATA[<p>Gostaria de saber se é possível incluir uma LightBox com o conteúdo de CURTIR do Facebook em meu blog.</p>
<p>Agradeço desde já.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Vinícius Lima</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-16208</link>
		<dc:creator>Vinícius Lima</dc:creator>
		<pubDate>Mon, 05 Dec 2011 18:26:29 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-16208</guid>
		<description>P&#039;E&#039;R&#039;F&#039;E&#039;C&#039;T. MUITO BOM CARA! MANDOU BEM ... MUITO OBRIGADOOO...</description>
		<content:encoded><![CDATA[<p>P&#8217;E'R&#8217;F'E&#8217;C'T. MUITO BOM CARA! MANDOU BEM &#8230; MUITO OBRIGADOOO&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Raphael</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-16074</link>
		<dc:creator>Raphael</dc:creator>
		<pubDate>Thu, 01 Dec 2011 22:11:23 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-16074</guid>
		<description>Olá, gostaria de saber como implementar este efeito que você fez no tópico &quot;5. Efeitos Adicionais&quot;, no qual você clica no link e a página desce até o início do texto que você deseja, no caso, desceu até um comentário que mostra &quot;Como abrir janela lightbox ao entrar no site&quot;. Obrigado !</description>
		<content:encoded><![CDATA[<p>Olá, gostaria de saber como implementar este efeito que você fez no tópico &#8220;5. Efeitos Adicionais&#8221;, no qual você clica no link e a página desce até o início do texto que você deseja, no caso, desceu até um comentário que mostra &#8220;Como abrir janela lightbox ao entrar no site&#8221;. Obrigado !</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Lucas</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-15860</link>
		<dc:creator>Lucas</dc:creator>
		<pubDate>Thu, 24 Nov 2011 10:08:07 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-15860</guid>
		<description>Aconselho o pessoal mudar a div para isso:

#boxes .window {
position:fixed;
bottom: 0;
width:440px;
height:200px;
display:none;
z-index:9999;
padding:20px;
}

com isso a div vai acompanhar a tela se a pessoa mexer no scroll.

Falou.</description>
		<content:encoded><![CDATA[<p>Aconselho o pessoal mudar a div para isso:</p>
<p>#boxes .window {<br />
position:fixed;<br />
bottom: 0;<br />
width:440px;<br />
height:200px;<br />
display:none;<br />
z-index:9999;<br />
padding:20px;<br />
}</p>
<p>com isso a div vai acompanhar a tela se a pessoa mexer no scroll.</p>
<p>Falou.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: hoelzcarol</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-15796</link>
		<dc:creator>hoelzcarol</dc:creator>
		<pubDate>Mon, 21 Nov 2011 19:37:16 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-15796</guid>
		<description>&lt;h3&gt;&lt;a name=&quot;lightbox-automatico&quot; rel=&quot;nofollow&quot;&gt;Como abrir janela lightbox ao entrar no site&lt;/h3&gt;
Pessoal,
Segue o código para iniciar a página sem o uso de um botão,
carregando a modal ao entrar no site.

function openModal(id) {

    //Get the screen height and width
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();

    //Set heigth and width to mask to fill up the whole screen
    $(&#039;#mask&#039;).css({&#039;width&#039;:maskWidth,&#039;height&#039;:maskHeight});

    //transition effect
    $(&#039;#mask&#039;).fadeIn(1000);
    $(&#039;#mask&#039;).fadeTo(&quot;slow&quot;, 0.8);

    //Get the window height and width
    var winH = $(window).height();
    var winW = $(window).width();

    //Set the popup window to center
    $(id).css(&#039;top&#039;, winH / 2 - $(id).height() / 2);
    $(id).css(&#039;left&#039;, winW / 2 - $(id).width() / 2);

    //transition effect
    $(id).fadeIn(2000);
	
	$(&#039;.window .modalClose&#039;).click(function (e) {
		e.preventDefault();
		
		$(&#039;#mask&#039;).hide();
		$(&#039;.window&#039;).hide();
	});		
	
	$(&#039;#mask&#039;).click(function () {
		$(this).hide();
		$(&#039;.window&#039;).hide();
	});			

}

$(document).ready(function() {

    $(&#039;a[name=modal]&#039;).click(function(e) {
        //Cancel the link behavior
        e.preventDefault();
        openModal($(this).attr(&#039;href&#039;));
    });

    openModal(&#039;#dialog&#039;);

});</description>
		<content:encoded><![CDATA[<h3><a name="lightbox-automatico" rel="nofollow">Como abrir janela lightbox ao entrar no site</a></h3>
<p>Pessoal,<br />
Segue o código para iniciar a página sem o uso de um botão,<br />
carregando a modal ao entrar no site.</p>
<p>function openModal(id) {</p>
<p>    //Get the screen height and width<br />
    var maskHeight = $(document).height();<br />
    var maskWidth = $(window).width();</p>
<p>    //Set heigth and width to mask to fill up the whole screen<br />
    $(&#8216;#mask&#8217;).css({&#8216;width&#8217;:maskWidth,&#8217;height&#8217;:maskHeight});</p>
<p>    //transition effect<br />
    $(&#8216;#mask&#8217;).fadeIn(1000);<br />
    $(&#8216;#mask&#8217;).fadeTo(&#8220;slow&#8221;, 0.8);</p>
<p>    //Get the window height and width<br />
    var winH = $(window).height();<br />
    var winW = $(window).width();</p>
<p>    //Set the popup window to center<br />
    $(id).css(&#8216;top&#8217;, winH / 2 &#8211; $(id).height() / 2);<br />
    $(id).css(&#8216;left&#8217;, winW / 2 &#8211; $(id).width() / 2);</p>
<p>    //transition effect<br />
    $(id).fadeIn(2000);</p>
<p>	$(&#8216;.window .modalClose&#8217;).click(function (e) {<br />
		e.preventDefault();</p>
<p>		$(&#8216;#mask&#8217;).hide();<br />
		$(&#8216;.window&#8217;).hide();<br />
	});		</p>
<p>	$(&#8216;#mask&#8217;).click(function () {<br />
		$(this).hide();<br />
		$(&#8216;.window&#8217;).hide();<br />
	});			</p>
<p>}</p>
<p>$(document).ready(function() {</p>
<p>    $(&#8216;a[name=modal]&#8216;).click(function(e) {<br />
        //Cancel the link behavior<br />
        e.preventDefault();<br />
        openModal($(this).attr(&#8216;href&#8217;));<br />
    });</p>
<p>    openModal(&#8216;#dialog&#8217;);</p>
<p>});</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: hoelzcarol</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-15790</link>
		<dc:creator>hoelzcarol</dc:creator>
		<pubDate>Mon, 21 Nov 2011 14:03:20 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-15790</guid>
		<description>Olá Fernando,

Usei sua modificação para a modal funcionar com barra de rolagem e ela não funcionou. Alguém teria a função de carregar a modal ao iniciar a pagina sem o uso do botão? 

Obrigada Carol</description>
		<content:encoded><![CDATA[<p>Olá Fernando,</p>
<p>Usei sua modificação para a modal funcionar com barra de rolagem e ela não funcionou. Alguém teria a função de carregar a modal ao iniciar a pagina sem o uso do botão? </p>
<p>Obrigada Carol</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: ERICK</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-15288</link>
		<dc:creator>ERICK</dc:creator>
		<pubDate>Fri, 21 Oct 2011 14:15:01 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-15288</guid>
		<description>Pessoal adorei o efeito, é bem simples e facil de manipular, mas estou com dificuldade em uma coisa queria que a modal fechasse depois de alguns segundos... poderiam me ajudar???</description>
		<content:encoded><![CDATA[<p>Pessoal adorei o efeito, é bem simples e facil de manipular, mas estou com dificuldade em uma coisa queria que a modal fechasse depois de alguns segundos&#8230; poderiam me ajudar???</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: junior</title>
		<link>http://www.rhodesign.com.br/blog/janela-modal-com-jquery-lightbox-para-pagina-html-e-imagens/194/comment-page-1/#comment-13305</link>
		<dc:creator>junior</dc:creator>
		<pubDate>Wed, 24 Aug 2011 02:47:38 +0000</pubDate>
		<guid isPermaLink="false">http://www.rhodesign.com.br/blog/?p=194#comment-13305</guid>
		<description>ola galera, sera que alguem poderia me ajudar, estou desenvolvendo um site que estou usando lightbox nas imagens, soh que em todos que eu vejo quando se clica na parte de fora da imagem(parte escura) a lightbox ja fecha e no meu nao clico um monte de vez pra escolher outra foto e nao sai, tem um botao X pra sair , blz mais gostaria tb de quando clicasse fora da imagem saisse,  

alguma ideia do que acontece.  obs,   nao manjo nada de j-query  fui soh fuçando ate conseguir chegar a esse ponto.   obrigado pela atençao   aguardo resposta.</description>
		<content:encoded><![CDATA[<p>ola galera, sera que alguem poderia me ajudar, estou desenvolvendo um site que estou usando lightbox nas imagens, soh que em todos que eu vejo quando se clica na parte de fora da imagem(parte escura) a lightbox ja fecha e no meu nao clico um monte de vez pra escolher outra foto e nao sai, tem um botao X pra sair , blz mais gostaria tb de quando clicasse fora da imagem saisse,  </p>
<p>alguma ideia do que acontece.  obs,   nao manjo nada de j-query  fui soh fuçando ate conseguir chegar a esse ponto.   obrigado pela atençao   aguardo resposta.</p>
]]></content:encoded>
	</item>
</channel>
</rss>

