<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress/2.2.1" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
	<title>Comentarios en: LightBox 2</title>
	<link>http://blog.xcitingart.com/diseno-web/lightbox-2/</link>
	<description>Blog diseño y tecnologia</description>
	<pubDate>Wed, 19 Nov 2008 17:11:34 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.2.1</generator>

	<item>
		<title>Por: acadio</title>
		<link>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2299</link>
		<author>acadio</author>
		<pubDate>Fri, 10 Oct 2008 06:28:18 +0000</pubDate>
		<guid>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2299</guid>
		<description>Hola Florencio.
Cuando pasa eso, normalmente es porque no te carga bien alguna de las librerias o porque no has puesto el rel="lightbox" en la imágen.

Fíjate bien en las rutas de las librerias de javascript y que tengas el rel="lightbox" en cada foto.

Un saludo</description>
		<content:encoded><![CDATA[<p>Hola Florencio.<br />
Cuando pasa eso, normalmente es porque no te carga bien alguna de las librerias o porque no has puesto el rel=&#8221;lightbox&#8221; en la imágen.</p>
<p>Fíjate bien en las rutas de las librerias de javascript y que tengas el rel=&#8221;lightbox&#8221; en cada foto.</p>
<p>Un saludo</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Florencio</title>
		<link>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2298</link>
		<author>Florencio</author>
		<pubDate>Fri, 10 Oct 2008 01:38:36 +0000</pubDate>
		<guid>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2298</guid>
		<description>estoy tratando de utilizar LightBox pero cuando lo subo a mi servidor no funciona no se a que se deba esto, ya que cuando doy clic sobre la imagen me abre una pagina nueva del internet explorer,sigo los pasos como se muestran en todas las paginas, pero siempre llego a la misma conclusion de que no me funciona cualquiera ayuda estare totalmente agradecido</description>
		<content:encoded><![CDATA[<p>estoy tratando de utilizar LightBox pero cuando lo subo a mi servidor no funciona no se a que se deba esto, ya que cuando doy clic sobre la imagen me abre una pagina nueva del internet explorer,sigo los pasos como se muestran en todas las paginas, pero siempre llego a la misma conclusion de que no me funciona cualquiera ayuda estare totalmente agradecido</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: acadio</title>
		<link>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2240</link>
		<author>acadio</author>
		<pubDate>Thu, 10 Jul 2008 18:11:07 +0000</pubDate>
		<guid>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2240</guid>
		<description>Hola, Hola....

Verás yo uso Hi5, pero sinceramente no creo que se pueda acoplar Lightbox2 en esa comunidad. Se que te dejan cambiar algunas cosas de la interfaz mediante CSS, pero de ahi a incrustar lightbox...

Bueno si algun usuario sabe como hacerlo, le invito a crear un post explicativo.

Un saludo!</description>
		<content:encoded><![CDATA[<p>Hola, Hola&#8230;.</p>
<p>Verás yo uso Hi5, pero sinceramente no creo que se pueda acoplar Lightbox2 en esa comunidad. Se que te dejan cambiar algunas cosas de la interfaz mediante CSS, pero de ahi a incrustar lightbox&#8230;</p>
<p>Bueno si algun usuario sabe como hacerlo, le invito a crear un post explicativo.</p>
<p>Un saludo!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: hola</title>
		<link>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2238</link>
		<author>hola</author>
		<pubDate>Wed, 09 Jul 2008 22:54:08 +0000</pubDate>
		<guid>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2238</guid>
		<description>como hago pa ponerlo en mi hi5.. me pueden dar los pasos xf gracias</description>
		<content:encoded><![CDATA[<p>como hago pa ponerlo en mi hi5.. me pueden dar los pasos xf gracias</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: acadio</title>
		<link>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2086</link>
		<author>acadio</author>
		<pubDate>Mon, 24 Mar 2008 14:53:02 +0000</pubDate>
		<guid>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2086</guid>
		<description>Yo tengo instalado el LightBox 1 en la zona de fotoblog, aunque sirve para todo el blog, así si en algún momento quiero ampliar una foto es muy rápido y sencillo.</description>
		<content:encoded><![CDATA[<p>Yo tengo instalado el LightBox 1 en la zona de fotoblog, aunque sirve para todo el blog, así si en algún momento quiero ampliar una foto es muy rápido y sencillo.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Dogguie</title>
		<link>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2084</link>
		<author>Dogguie</author>
		<pubDate>Mon, 24 Mar 2008 13:20:39 +0000</pubDate>
		<guid>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2084</guid>
		<description>Yo lo tenía en mi blog, es muy bonito... pero lo desinstalé porque lo vi algo inutil. Bueno, quizás en el futuro me de ganas de ponerlo otra vez :D</description>
		<content:encoded><![CDATA[<p>Yo lo tenía en mi blog, es muy bonito&#8230; pero lo desinstalé porque lo vi algo inutil. Bueno, quizás en el futuro me de ganas de ponerlo otra vez <img src='http://blog.xcitingart.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /></p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: acadio</title>
		<link>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2082</link>
		<author>acadio</author>
		<pubDate>Mon, 24 Mar 2008 11:25:38 +0000</pubDate>
		<guid>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2082</guid>
		<description>Hola de nuevo.
Ciertamente te hubiera contestado antes, pero tube que instalar un plugin para el Wordpress para poder mostrar lineas de codigo.

Los javascript y la hoja de CSS los pones dentro las etiquetas HTML &lt;head&gt;&lt;/head&gt;
y las imágenes dentro del &lt;body&gt;&lt;/body&gt;

un saludo.</description>
		<content:encoded><![CDATA[<p>Hola de nuevo.<br />
Ciertamente te hubiera contestado antes, pero tube que instalar un plugin para el Wordpress para poder mostrar lineas de codigo.</p>
<p>Los javascript y la hoja de CSS los pones dentro las etiquetas HTML <head></head><br />
y las imágenes dentro del <body></body></p>
<p>un saludo.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Manuel</title>
		<link>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2081</link>
		<author>Manuel</author>
		<pubDate>Mon, 24 Mar 2008 10:43:33 +0000</pubDate>
		<guid>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2081</guid>
		<description>Agradezco mucho que me dediques este tiempo, intentare seguir los pasos que me indicas y espero poder conseguirlo. Un saludo, Manuel</description>
		<content:encoded><![CDATA[<p>Agradezco mucho que me dediques este tiempo, intentare seguir los pasos que me indicas y espero poder conseguirlo. Un saludo, Manuel</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: acadio</title>
		<link>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2080</link>
		<author>acadio</author>
		<pubDate>Sun, 23 Mar 2008 20:07:44 +0000</pubDate>
		<guid>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2080</guid>
		<description>Hola Manuel.
La explicación que te detallo ahora, es la misma información que aparece en la página de Lightbox 2.
Primero hay que vincular los archivos Javascript necesarios cambiando las rutas si se precisa:
[html]
&lt;script type="text/javascript" src="js/prototype.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/lightbox.js"&gt;&lt;/script&gt;
[/html]

Luego hay que vincular también una hoja de estilos:
[html]
&lt;link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /&gt;
[/html]

En esta hoja de estilos aparecen una serie de imágenes las cuales tendras que modificar la si las pones en un directorio diferente al del ejemplo: prev.gif y next.gif

Por último para agregar imágenes solo tienes que ponerlas de esta manera:&lt;br /&gt;&lt;br /&gt;
[html]
&lt;a href="images/image-1.jpg" rel="lightbox" title="my caption" rel="nofollow"&gt;image #1&lt;/a&gt;
[/html] 
Donde pone my caption puedes poner una frase que aparecerá al pie de foto.

Si prefieres hacer un set de imágenes el tipo de código para las imágenes será como este:
[html]
&lt;a href="images/image-1.jpg" rel="lightbox[roadtrip]" rel="nofollow"&gt;image #1&lt;/a&gt;
&lt;a href="images/image-2.jpg" rel="lightbox[roadtrip]" rel="nofollow"&gt;image #2&lt;/a&gt;
&lt;a href="images/image-3.jpg" rel="lightbox[roadtrip]" rel="nofollow"&gt;image #3&lt;/a&gt;
[/html]

Espero que te sea de ayuda, un saludo.</description>
		<content:encoded><![CDATA[<p>Hola Manuel.<br />
La explicación que te detallo ahora, es la misma información que aparece en la página de Lightbox 2.<br />
Primero hay que vincular los archivos Javascript necesarios cambiando las rutas si se precisa:</p>
<div class="igBar"><span id="lhtml-1"><a href="#" onclick="javascript:showPlainTxt('html-1'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-1">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#BFE16C;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #ccc; font-weight: bold;">&lt;script</span></a> </span><span style="color: #fff;">type</span>=<span style="color: #799C12;">"text/javascript"</span> <span style="color: #fff;">src</span>=<span style="color: #799C12;">"js/prototype.js"</span><span style="color: #ccc; font-weight: bold;">&gt;</span><span style="color: #009900;"></span><span style="color: #ccc; font-weight: bold;">&lt;/script&gt;</span></div>
</li>
<li style="font-weight: bold;color:#CCCCCC;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #ccc; font-weight: bold;">&lt;script</span></a> </span><span style="color: #fff;">type</span>=<span style="color: #799C12;">"text/javascript"</span> <span style="color: #fff;">src</span>=<span style="color: #799C12;">"js/scriptaculous.js?load=effects,builder"</span><span style="color: #ccc; font-weight: bold;">&gt;</span><span style="color: #009900;"></span><span style="color: #ccc; font-weight: bold;">&lt;/script&gt;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#BFE16C;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/script.html"><span style="color: #ccc; font-weight: bold;">&lt;script</span></a> </span><span style="color: #fff;">type</span>=<span style="color: #799C12;">"text/javascript"</span> <span style="color: #fff;">src</span>=<span style="color: #799C12;">"js/lightbox.js"</span><span style="color: #ccc; font-weight: bold;">&gt;</span><span style="color: #009900;"></span><span style="color: #ccc; font-weight: bold;">&lt;/script&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Luego hay que vincular también una hoja de estilos:</p>
<div class="igBar"><span id="lhtml-2"><a href="#" onclick="javascript:showPlainTxt('html-2'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-2">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#BFE16C;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/link.html"><span style="color: #ccc; font-weight: bold;">&lt;link</span></a> </span><span style="color: #fff;">rel</span>=<span style="color: #799C12;">"stylesheet"</span> <span style="color: #fff;">href</span>=<span style="color: #799C12;">"css/lightbox.css"</span> <span style="color: #fff;">type</span>=<span style="color: #799C12;">"text/css"</span> <span style="color: #fff;">media</span>=<span style="color: #799C12;">"screen"</span> /<span style="color: #ccc; font-weight: bold;">&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>En esta hoja de estilos aparecen una serie de imágenes las cuales tendras que modificar la si las pones en un directorio diferente al del ejemplo: prev.gif y next.gif</p>
<p>Por último para agregar imágenes solo tienes que ponerlas de esta manera:</p>
<div class="igBar"><span id="lhtml-3"><a href="#" onclick="javascript:showPlainTxt('html-3'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-3">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#BFE16C;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #ccc; font-weight: bold;">&lt;a</span></a> </span><span style="color: #fff;">href</span>=<span style="color: #799C12;">"images/image-1.jpg"</span> <span style="color: #fff;">rel</span>=<span style="color: #799C12;">"lightbox"</span> <span style="color: #fff;">title</span>=<span style="color: #799C12;">"my caption"</span> <span style="color: #fff;">rel</span>=<span style="color: #799C12;">"nofollow"</span><span style="color: #ccc; font-weight: bold;">&gt;</span>image #1<span style="color: #009900;"></span><span style="color: #ccc; font-weight: bold;">&lt;/a&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p> <br />
Donde pone my caption puedes poner una frase que aparecerá al pie de foto.</p>
<p>Si prefieres hacer un set de imágenes el tipo de código para las imágenes será como este:</p>
<div class="igBar"><span id="lhtml-4"><a href="#" onclick="javascript:showPlainTxt('html-4'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-4">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#BFE16C;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #ccc; font-weight: bold;">&lt;a</span></a> </span><span style="color: #fff;">href</span>=<span style="color: #799C12;">"images/image-1.jpg"</span> <span style="color: #fff;">rel</span>=<span style="color: #799C12;">"lightbox[roadtrip]"</span> <span style="color: #fff;">rel</span>=<span style="color: #799C12;">"nofollow"</span><span style="color: #ccc; font-weight: bold;">&gt;</span>image #1<span style="color: #009900;"></span><span style="color: #ccc; font-weight: bold;">&lt;/a&gt;</span></div>
</li>
<li style="font-weight: bold;color:#CCCCCC;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #ccc; font-weight: bold;">&lt;a</span></a> </span><span style="color: #fff;">href</span>=<span style="color: #799C12;">"images/image-2.jpg"</span> <span style="color: #fff;">rel</span>=<span style="color: #799C12;">"lightbox[roadtrip]"</span> <span style="color: #fff;">rel</span>=<span style="color: #799C12;">"nofollow"</span><span style="color: #ccc; font-weight: bold;">&gt;</span>image #2<span style="color: #009900;"></span><span style="color: #ccc; font-weight: bold;">&lt;/a&gt;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#BFE16C;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/a.html"><span style="color: #ccc; font-weight: bold;">&lt;a</span></a> </span><span style="color: #fff;">href</span>=<span style="color: #799C12;">"images/image-3.jpg"</span> <span style="color: #fff;">rel</span>=<span style="color: #799C12;">"lightbox[roadtrip]"</span> <span style="color: #fff;">rel</span>=<span style="color: #799C12;">"nofollow"</span><span style="color: #ccc; font-weight: bold;">&gt;</span>image #3<span style="color: #009900;"></span><span style="color: #ccc; font-weight: bold;">&lt;/a&gt;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Espero que te sea de ayuda, un saludo.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Manuel</title>
		<link>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2075</link>
		<author>Manuel</author>
		<pubDate>Wed, 19 Mar 2008 22:46:09 +0000</pubDate>
		<guid>http://blog.xcitingart.com/diseno-web/lightbox-2/#comment-2075</guid>
		<description>Hola, siento mucho interés por este visor de imágenes, pero desconozco la manera de incorporarlo a una pagina Web que tengo en construcción. Agradecería cualquier tipo de ayuda sobre los pasos que debo seguir para poder instalarlo y poder ver una serie de imágenes en dicha pagina.
Adelanto que mis conocimientos son muy básicos, y agradecería que la ayuda fuera lo mas practica y clara posible. Un saludo, Manuel.</description>
		<content:encoded><![CDATA[<p>Hola, siento mucho interés por este visor de imágenes, pero desconozco la manera de incorporarlo a una pagina Web que tengo en construcción. Agradecería cualquier tipo de ayuda sobre los pasos que debo seguir para poder instalarlo y poder ver una serie de imágenes en dicha pagina.<br />
Adelanto que mis conocimientos son muy básicos, y agradecería que la ayuda fuera lo mas practica y clara posible. Un saludo, Manuel.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
