<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	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/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Sentido Web &#187; javascript zoom</title>
	<atom:link href="http://sentidoweb.com/tag/javascript-zoom/feed" rel="self" type="application/rss+xml" />
	<link>http://sentidoweb.com</link>
	<description>Desarrollo web, HTML, CSS, Javascript, PHP, MySQL</description>
	<lastBuildDate>Tue, 10 Apr 2012 01:02:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>FancyBox: zoom de imágenes mediante Javascript</title>
		<link>http://sentidoweb.com/2008/04/03/fancybox-zoom-de-imagenes-mediante-javascript.php</link>
		<comments>http://sentidoweb.com/2008/04/03/fancybox-zoom-de-imagenes-mediante-javascript.php#comments</comments>
		<pubDate>Thu, 03 Apr 2008 17:00:00 +0000</pubDate>
		<dc:creator>displaynone</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[javascript zoom]]></category>

		<guid isPermaLink="false">http://sentidoweb.com/2008/04/03/fancybox-zoom-de-imagenes-mediante-javascript.php</guid>
		<description><![CDATA[Buen script creado en jQuery que permite añadir zoom a imágenes. Está testado en IE6, IE7 y Firefox. Entre las características muestra en una ventana lightbox la imagen en un tamaño mayor, pudiendo ajustarse al tamaño de la ventana y mostrando un marco alrededor de la imagen. Además permite mostrar un grupo de imágenes de [...]]]></description>
			<content:encoded><![CDATA[<p>Buen script creado en jQuery que permite añadir zoom a imágenes. Está testado en IE6, IE7 y Firefox. Entre las características muestra en una ventana lightbox la imagen en un tamaño mayor, pudiendo ajustarse al tamaño de la ventana y mostrando un marco alrededor de la imagen. Además permite mostrar un grupo de imágenes de forma común.</p>
<p><img alt="fancybox.png" src="http://sentidoweb.com/img/2008/04/fancybox.png" width="400" height="263" class="center" /></p>
<p>Un ejemplo de uso sería el siguiente:</p>
<pre><code><pre class="javascript">$<span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span>
$<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">"div#test_zone a"</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">fancybox</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;
<span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span>;</pre></code></pre>
<p><a href="http://fancy.klade.lv/">FancyBox</a></p>
]]></content:encoded>
			<wfw:commentRss>http://sentidoweb.com/2008/04/03/fancybox-zoom-de-imagenes-mediante-javascript.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TJPzoom: zoom mediante Javascript</title>
		<link>http://sentidoweb.com/2008/03/26/tjpzoom-zoom-mediante-javascript.php</link>
		<comments>http://sentidoweb.com/2008/03/26/tjpzoom-zoom-mediante-javascript.php#comments</comments>
		<pubDate>Wed, 26 Mar 2008 17:00:00 +0000</pubDate>
		<dc:creator>displaynone</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[javascript zoom]]></category>

		<guid isPermaLink="false">http://sentidoweb.com/2008/03/26/tjpzoom-zoom-mediante-javascript.php</guid>
		<description><![CDATA[Un buen Javascript que permite añadir zoom a nuestras imágenes. El script añade una ventana con marco sombreado a la imagen en la que se ve el zoom, pudiendo moverla por toda la imagen. Si hacemos drag hacia arriba el zoom aumenta, hacia abajo disminuye, hacia la derecha la ventana aumenta y hacia la izquierda [...]]]></description>
			<content:encoded><![CDATA[Un buen Javascript que permite añadir zoom a nuestras imágenes. El script añade una ventana con marco sombreado a la imagen en la que se ve el zoom, pudiendo moverla por toda la imagen.
<img alt="jszoom.png" src="http://sentidoweb.com/img/2008/03/jszoom.png" width="450" height="299" class="center" />
Si hacemos drag hacia arriba el zoom aumenta, hacia abajo disminuye, hacia la derecha la ventana aumenta y hacia la izquierda disminuye. Además permite utilizar otra imágen con mayor resolución para evitar el pixelado.
<a href="http://valid.tjp.hu/tjpzoom/">TJPzoom</a>
Vía / <a href="http://www.webappers.com/2008/03/25/tjpzoom-open-source-image-magnifier-in-javascript/">WebAppers</a>
]]></content:encoded>
			<wfw:commentRss>http://sentidoweb.com/2008/03/26/tjpzoom-zoom-mediante-javascript.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Librería Javascript para hacer zoom en imágenes</title>
		<link>http://sentidoweb.com/2008/02/08/libreria-javascript-para-hacer-zoom-en-imagenes.php</link>
		<comments>http://sentidoweb.com/2008/02/08/libreria-javascript-para-hacer-zoom-en-imagenes.php#comments</comments>
		<pubDate>Fri, 08 Feb 2008 16:45:00 +0000</pubDate>
		<dc:creator>displaynone</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[javascript zoom]]></category>

		<guid isPermaLink="false">http://sentidoweb.com/2008/02/08/libreria-javascript-para-hacer-zoom-en-imagenes.php</guid>
		<description><![CDATA[FancyZoom es un script que nos permite realizar zoom de nuestras imágenes mediante Javascript. Hace aparecer la imagen mediante un zoom progresivo y transparencia. Además muestra el title del enlace en un recuadro. Las imágenes ser precargan automáticamente cuando el ratón pasa por encima de la imagen, por lo que se reduce la demora en [...]]]></description>
			<content:encoded><![CDATA[<strong>FancyZoom</strong> es un script que nos permite realizar zoom de nuestras imágenes mediante Javascript. Hace aparecer la imagen mediante un zoom progresivo y transparencia. Además muestra el <em>title</em> del enlace en un recuadro.
<img alt="fanzyzoom.png" src="http://sentidoweb.com/img/2008/02/fanzyzoom.png" width="450" height="291" class="center" />
Las imágenes ser precargan automáticamente cuando el ratón pasa por encima de la imagen, por lo que se reduce la demora en la persentación. El único fallo que encuentro es que hay que añadir un <em>onload</em> en el <em>body</em>, pero bueno, podemos cambiar la librería para que se haga automáticamente.
<a href="http://www.cabel.name/2008/02/fancyzoom-10.html">FancyZoom</a>
]]></content:encoded>
			<wfw:commentRss>http://sentidoweb.com/2008/02/08/libreria-javascript-para-hacer-zoom-en-imagenes.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

