<?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>Neleste 2.0 &#187; javascript</title>
	<atom:link href="http://www.neleste.com/category/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.neleste.com</link>
	<description>Información sobre Desarrollo Web</description>
	<lastBuildDate>Tue, 03 Aug 2010 13:07:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Hacer miniaturas de Imágenes</title>
		<link>http://www.neleste.com/hacer-miniaturas-de-imagenes/</link>
		<comments>http://www.neleste.com/hacer-miniaturas-de-imagenes/#comments</comments>
		<pubDate>Wed, 10 Dec 2008 15:07:23 +0000</pubDate>
		<dc:creator>juanra</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Scripts]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.neleste.com/?p=160</guid>
		<description><![CDATA[
Quien no ha tenido alguna vez que crear una miniatura (Thumbnails), de sus imágenes automáticamente. Una opción puede ser añadirle el tamaño por css, o en la misma etiqueta &#60;img, pero las imagenes se verían mal, puesto que están redimensionadas a tamaño completo.
Una opción muy buena, sin usar php y sin hacerlo manualmente, sería usar [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="alignnone size-full wp-image-161" title="Miniaturas" src="http://www.neleste.com/wp-content/uploads/2008/12/pic.jpg" alt="Miniaturas" width="353" height="240" /></p>
<p>Quien no ha tenido alguna vez que crear una miniatura (Thumbnails), de sus imágenes automáticamente. Una opción puede ser añadirle el tamaño por css, o en la misma etiqueta <em>&lt;img</em>, pero las imagenes se verían mal, puesto que están redimensionadas a tamaño completo.</p>
<p>Una opción muy buena, sin usar php y sin hacerlo manualmente, sería usar JQuery u JThumbs. Mediante el siguiente script tendremos las deseadas miniaturas:</p>
<p><code>&lt;script type="text/javascript"&gt;<br />
$(document).ready(function() {</code><br />
<code>// aquí realmente hacemos la miniatura</code><br />
<code>$("a.thumb, img.thumb").jThumb();<br />
</code><code>// Posicionar imagen (opcional)</code><br />
<code> </code> <code>$("a.thumb img, img.thumb").jThumbImg();<br />
});<br />
&lt;/script&gt;</code></p>
<p>Lo unico que necesitamos es en enlace previo a nuestro framework favorito jquery:</p>
<p><code>&lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt;</code></p>
<p>Ventajas:</p>
<ul>
<li>No sobrecargamos el servidor con otro script php.</li>
<li>Es un proceso automático.</li>
</ul>
<p>Desventajas</p>
<ul>
<li>La imagen carga entera (aunque visualmente satisfactoria).</li>
</ul>
<p>Descarga | <a rel="nofollow" href="http://jquery.com">JQuery</a> - <a rel="nofollow" href="http://joanpiedra.com/jquery/thumbs/">JThumb</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neleste.com/hacer-miniaturas-de-imagenes/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
