<?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>Jorge Vallejo de Castro Blog &#187; redimensionar</title>
	<atom:link href="http://www.jorgevallejo.es/category/redimensionar/feed" rel="self" type="application/rss+xml" />
	<link>http://www.jorgevallejo.es</link>
	<description>Animación, cortometrajes, certámenes</description>
	<lastBuildDate>Tue, 20 Dec 2011 16:53:54 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Redimensionado de imagenes en javascript</title>
		<link>http://www.jorgevallejo.es/2007/10/redimensionado-de-imagenes-en-javascript.html</link>
		<comments>http://www.jorgevallejo.es/2007/10/redimensionado-de-imagenes-en-javascript.html#comments</comments>
		<pubDate>Thu, 18 Oct 2007 06:25:00 +0000</pubDate>
		<dc:creator>Jorge Vallejo</dc:creator>
				<category><![CDATA[redimensionar]]></category>

		<guid isPermaLink="false">http://www.jorgevallejo.es/?p=143</guid>
		<description><![CDATA[
Lo primero que debemos tener claro es que  este metodo de redimensionar una imagen con javascript modificará sus propiedades temporales y no el archivo de la imagen, sin embargo puede resultarnos muy ítil para dar efectos,mostrar como quedaría una imagen antes de redimensionarla etc.
Utilizando el DOM (Document Objet Model)Le damos un id a nuestra [...]]]></description>
			<content:encoded><![CDATA[<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_QAczLJ5LcUU/Rxb9bvNiuII/AAAAAAAAAUA/qkWJ6O4gQSs/s1600-h/redimensionar.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;" src="http://1.bp.blogspot.com/_QAczLJ5LcUU/Rxb9bvNiuII/AAAAAAAAAUA/qkWJ6O4gQSs/s200/redimensionar.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5122560279152081026" /></a></p>
<p>Lo primero que debemos tener claro es que  este metodo de redimensionar una imagen con javascript modificará sus propiedades temporales y <span style="font-weight:bold;">no el archivo de la imagen</span>, sin embargo puede resultarnos muy ítil para dar efectos,mostrar como quedaría una imagen antes de redimensionarla etc.</p>
<p>Utilizando el DOM (Document Objet Model)<br />Le damos un id a nuestra imagen por ejemplo <span style="font-weight:bold;">ima</span>.<br />&lt;img src=&quot;rutalaimagen&quot; id=&quot;ima&quot; /&gt;</p>
<p>Con <span style="font-style:italic;">document.getElementById(&#8217;ima&#8217;)</span> accedermos nuestro elemento imagen.<br /><span style="font-weight:bold;">Para saber las medidas de la imagen:</span><br /><code><br />alturaIma=document.getElementById('ima').offsetHeight;<br />anchuraIma=document.getElementById('ima').offsetWidth;<br /></code><br />Nos devuelve la altura y la anchura en numero de pixeles respectivamente.<br /><span style="font-weight:bold;">Para asignar un tamaño</span><br /><code><br />document.getElementById("ima").style.height=numero+"px";<br />document.getElementById("ima").style.width=numero+"px";<br /></code><br />Tenemos que añadir a la variable numero la cadena px, para que sepa que se lo damos en pixeles.<br /><span style="font-weight:bold;">Proporción</span><br />Utilizando todo podemos crear imagenes proporcionales, y reducirlas o aumentarlas segun varie la variable numero.<br /><code><br />alturaIma=document.getElementById('ima').offsetHeight;<br />anchuraIma=document.getElementById('ima').offsetWidth;<br />if(alturaIma>=anchuraIma){<br />proporcion=anchuraIma/alturaIma;<br />document.getElementById("ima").style.height= numero+"px";<br />document.getElementById("ima").style.width=(numero*proporcion)+"px";<br />}else{<br />//Mas ancho q largo<br />proporcion=alturaIma/anchuraIma;<br />document.getElementById("ima").style.width= numero+"px";<br />document.getElementById("ima").style.height=(numero*proporcion)+"px";<br />}<br /></code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jorgevallejo.es/2007/10/redimensionado-de-imagenes-en-javascript.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Problema redimensionar imagenes con php</title>
		<link>http://www.jorgevallejo.es/2007/06/problema-redimensionar-imagenes-con-php.html</link>
		<comments>http://www.jorgevallejo.es/2007/06/problema-redimensionar-imagenes-con-php.html#comments</comments>
		<pubDate>Fri, 01 Jun 2007 15:06:00 +0000</pubDate>
		<dc:creator>Jorge Vallejo</dc:creator>
				<category><![CDATA[php]]></category>
		<category><![CDATA[problemas]]></category>
		<category><![CDATA[redimensionar]]></category>

		<guid isPermaLink="false">http://www.jorgevallejo.es/?p=76</guid>
		<description><![CDATA[Voy a hablaros de un problema que a la hora de redimensionar imagenes en php, hay unas funciones muy bonitas que rulan por internet sobre el tema, pero pocos te comentan un pequeño detalle sin el cual puedes pasarte varias horas revisando codigo, y diciendote ¿Pero que demonios esta mal? .Y es que lo primero [...]]]></description>
			<content:encoded><![CDATA[<p><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_QAczLJ5LcUU/RmA2OSSVqaI/AAAAAAAAAJA/k9lSav0V5dM/s1600-h/nodesesperes1.png"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="http://1.bp.blogspot.com/_QAczLJ5LcUU/RmA2OSSVqaI/AAAAAAAAAJA/k9lSav0V5dM/s400/nodesesperes1.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5071112799474002338" /></a><br />Voy a hablaros de un problema que a la hora de redimensionar imagenes en php, hay unas funciones muy bonitas que rulan por internet sobre el tema, pero pocos te comentan un pequeño detalle sin el cual puedes pasarte varias horas revisando codigo, y diciendote ¿Pero que demonios esta mal? .Y es que lo primero que deberias hacer es una pagina php con el codigo php.info(); para ver las librerias que tienes instaladas y comprobar que php_gd.dll esta metida , que como lo sabes, por q al ver el php.info() tiene queaparecerte algo como esto:<br />GD<br />
<table border="0" cellpadding="0">
<tr>
<td class="e">GD Support </td>
<td class="v">enabled </td>
</tr>
<tr>
<td class="e">GD Version </td>
<td class="v">bundled (2.0.34 compatible) </td>
</tr>
<tr>
<td class="e">FreeType Support </td>
<td class="v">enabled </td>
</tr>
<tr>
<td class="e">FreeType Linkage </td>
<td class="v">with freetype </td>
</tr>
<tr>
<td class="e">FreeType Version </td>
<td class="v">2.1.10 </td>
</tr>
<tr>
<td class="e">GIF Read Support </td>
<td class="v">enabled </td>
</tr>
<tr>
<td class="e">GIF Create Support </td>
<td class="v">enabled </td>
</tr>
<tr>
<td class="e">JPG Support </td>
<td class="v">enabled </td>
</tr>
<tr>
<td class="e">PNG Support </td>
<td class="v">enabled </td>
</tr>
<p>
<tr>
<td class="e">WBMP Support </td>
<td class="v">enabled </td>
</tr>
<tr>
<td class="e">XPM Support </td>
<td class="v">enabled </td>
</tr>
<p>
<tr>
<td class="e">XBM Support </td>
<td class="v">enabled </td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.jorgevallejo.es/2007/06/problema-redimensionar-imagenes-con-php.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

