<?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>diarioTHC, recursos para webmasters, bloggers y diseñadores &#187; jquery</title>
	<atom:link href="http://www.diariothc.com/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.diariothc.com</link>
	<description>diarioTHC es el blog sobre recursos, tips y trucos de internet con ayuda y novedades para webmasters, bloggers y diseñadores.</description>
	<lastBuildDate>Sat, 11 Feb 2012 17:10:28 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>jDownload: un plugin jQuery para mejorar la experiencia en descargas</title>
		<link>http://www.diariothc.com/jdownload-un-plugin-jquery-para-mejorar-la-experiencia-en-descargas/</link>
		<comments>http://www.diariothc.com/jdownload-un-plugin-jquery-para-mejorar-la-experiencia-en-descargas/#comments</comments>
		<pubDate>Mon, 15 Nov 2010 20:28:21 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Herramientas Online]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Utilidades Blogs]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[Herramientas]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=4003</guid>
		<description><![CDATA[jDownload es un plugin en jQuery que te permitirá ofrecer más información sobre las descargas en tu sitio web. El funcionamiento es el siguiente, una vez le des al link de descarga y con el plugin implementado en tu página, se hará un llamada a un archivo php mediante Ajax por la que devolverá información [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/11/Captura-de-pantalla-2010-11-15-a-las-21.23.11.png" rel="shadowbox[sbpost-4003];player=img;"><img class="alignnone size-full wp-image-4004" src="http://www.diariothc.com/wp-content/uploads/2010/11/Captura-de-pantalla-2010-11-15-a-las-21.23.11.png" alt="" width="480" height="250" /></a></p>
<p><strong>jDownload</strong> es un <a href="http://www.diariothc.com/tag/plugins/">plugin</a> en jQuery que te permitirá ofrecer <strong>más información sobre las descargas en tu sitio web</strong>. El funcionamiento es el siguiente, una vez le des al link de descarga y con el plugin implementado en tu página, se hará un llamada a un archivo php mediante Ajax por la que devolverá información como nombre, tipo y tamaño de archivo en una ventana dinámica.</p>
<p>A partir de aquí tus usuarios podrán elegir a través de esta ventana si descargar el archivo o bien cancelar la descarga. Una buena medida antes de descargar cualquier tipo de archivo.</p>
<p>El plugin requiere interfaz gráfica de <a href="http://www.diariothc.com/tag/jquery/">jQuery</a> detrás del propio plugin para implementar la ventana dinámica y viene con varias opciones de personalización, incluyendo dimensiones de la ventana y otros aspectos.</p>
<p><span id="more-4003"></span>Además este <a href="http://www.diariothc.com/tag/plugins/">plugin</a> puede trabajar con tipos de archivo zip o rar, comprimidos, además de otras opciones como enviar por email para ofrecer más opciones a los usuarios de tu página.</p>
<p>Si decides implementarlo coméntanos que te parece. Lo puedes descargar desde la página de jdownloadplugin. Se trata de un proyecto de código libre.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/jdownload-un-plugin-jquery-para-mejorar-la-experiencia-en-descargas/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Choco-Slider delicioso plugin para mostrar tus imágenes</title>
		<link>http://www.diariothc.com/choco-slider-delicioso-plugin-para-mostrar-tus-imagenes/</link>
		<comments>http://www.diariothc.com/choco-slider-delicioso-plugin-para-mostrar-tus-imagenes/#comments</comments>
		<pubDate>Fri, 05 Nov 2010 17:21:34 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Imagen]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Choco-Slider]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Navegadores]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3980</guid>
		<description><![CDATA[Un recurso bastante utilizado estos días en páginas web es hacer un Slider con imágenes de los productos, artículos, noticias, fotografías que ofrezcamos en dicha página, ya os hemos hablado de otros slider de imágenes que puedes implementar en tu página. Esta tarde os hablamos de Choco-Slider un delicioso plugin que mostrará vuestras imágenes con [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/11/choco-slider.jpg" rel="shadowbox[sbpost-3980];player=img;" title="choco-slider"><img class="alignnone size-full wp-image-3981" title="choco-slider" src="http://www.diariothc.com/wp-content/uploads/2010/11/choco-slider.jpg" alt="" width="480" height="265" /></a></p>
<p><a href="http://www.diariothc.com/tag/recursos/">Un recurso</a> bastante utilizado estos días en páginas web es hacer un Slider con imágenes de los productos, artículos, noticias, fotografías que ofrezcamos en dicha página, ya os hemos hablado de otros <a href="http://www.diariothc.com/tag/slider/">slider de imágenes</a> que puedes implementar en tu página.</p>
<p>Esta tarde os hablamos de <strong>Choco-Slider</strong> un delicioso <a href="http://www.diariothc.com/tag/plugins/">plugin</a> que mostrará vuestras imágenes con un efecto de transición muy original, además pesa <strong>tan sólo 7 kb</strong> por lo que tu página cargará igual de rápido con el plugin implementado.</p>
<p>Este plugin dispone de varios efectos originales, además de opciones de personalización incluyendo dimensiones del contenedor, auto slide, retraso de tiempo para las transiciones, controles de anterior, siguiente, on /off y mucho más.</p>
<p><span id="more-3980"></span>Choco-Slider es compatible con los principales <a href="http://www.diariothc.com/tag/navegadores/">navegadores web</a>, como firefox, chrome, internet explorer, safari&#8230;</p>
<ul>
<li>Puedes descargar el plugin desde la página de <a rel="nofollow" href="http://chocoslider.alandawi.com.ar/index_en.html" target="_blank">Choco-Slider</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/choco-slider-delicioso-plugin-para-mostrar-tus-imagenes/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Plugin jQuery para crear facilmente menus de acordeón horizontales</title>
		<link>http://www.diariothc.com/plugin-jquery-para-crear-facilmente-menus-de-acordeon-horizontales/</link>
		<comments>http://www.diariothc.com/plugin-jquery-para-crear-facilmente-menus-de-acordeon-horizontales/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 17:17:14 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Acordeon]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[menús]]></category>
		<category><![CDATA[Recursos]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3903</guid>
		<description><![CDATA[Seguramente ya has visto algún ejemplo de acordeon en jQuery, es un menu bastante original y elegante, además le da mucho dinamismo a una página web. Easy Accordion es un plugin con el que podrás implementar rapidamente un menu dinámico en jQuery. Easy Accordion generará el manu a través de listas definidas, además es compatible [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/10/Captura-de-pantalla-2010-10-06-a-las-19.12.11.png" rel="shadowbox[sbpost-3903];player=img;" title="Captura de pantalla 2010-10-06 a las 19.12.11"><img class="alignnone size-full wp-image-3904" title="Captura de pantalla 2010-10-06 a las 19.12.11" src="http://www.diariothc.com/wp-content/uploads/2010/10/Captura-de-pantalla-2010-10-06-a-las-19.12.11.png" alt="" width="480" height="200" /></a></p>
<p>Seguramente ya has visto algún ejemplo de acordeon en <a href="http://www.diariothc.com/tag/jquery/">jQuery</a>, es un menu bastante original y elegante, además le da mucho dinamismo a una página web. <strong>Easy Accordion</strong> es un <a href="http://www.diariothc.com/tag/plugins/">plugin</a> con el que podrás implementar rapidamente un menu dinámico en jQuery.</p>
<p>Easy Accordion generará el manu a través de listas definidas, además es compatible con <a href="http://www.diariothc.com/tag/seo/">SEO</a>. Podrás también añadir multiples instancias que podrás colocar en la misma página, es decir varios menus distintos con este plugin.</p>
<p>Se trata de un plugin muy completo en el que puedes utilizar imágenes, listas, <a href="http://www.diariothc.com/tag/flash/">Flash</a>&#8230; y quedará totalmente personalizado con <a href="http://www.diariothc.com/tag/css/">CSS</a>.</p>
<p><span id="more-3903"></span></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/10/Captura-de-pantalla-2010-10-06-a-las-19.12.27.png" rel="shadowbox[sbpost-3903];player=img;" title="Captura de pantalla 2010-10-06 a las 19.12.27"><img class="alignnone size-full wp-image-3905" title="Captura de pantalla 2010-10-06 a las 19.12.27" src="http://www.diariothc.com/wp-content/uploads/2010/10/Captura-de-pantalla-2010-10-06-a-las-19.12.27.png" alt="" width="480" height="180" /></a></p>
<p>Además podrás configurarlo con varias opciones como <strong>auto-display</strong>, <strong>initial load</strong>, podrás incluir un número predeterminado de imágenes para el slide&#8230; Pruebalo y comentanos!</p>
<p>Desde el enlace al plugin tienes documentación disponible para implementarlo de forma rápida y sencilla en tu página web.</p>
<ul>
<li>Easy Accordion <a rel="nofollow" href="http://www.madeincima.eu/samples/jquery/easyAccordion/" target="_blank">Demo</a>.</li>
<li><strong>Easy Accordion</strong> está disponible en <a rel="nofollow" href="http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/" target="_blank">madeincima.eu</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/plugin-jquery-para-crear-facilmente-menus-de-acordeon-horizontales/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Controla tu Webcam en tu página web con un Plugin en jQuery</title>
		<link>http://www.diariothc.com/controla-tu-webcam-en-tu-pagina-web-con-un-plugin-en-jquery/</link>
		<comments>http://www.diariothc.com/controla-tu-webcam-en-tu-pagina-web-con-un-plugin-en-jquery/#comments</comments>
		<pubDate>Fri, 24 Sep 2010 16:14:51 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[Imagen]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[Streaming Video]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3828</guid>
		<description><![CDATA[Hoy os traemos un estupendo plugin jQuery con el que podrás mostrar la webcam con un marco en tu página web. Está desarrollado en jQuery y utiliza Flash de Adobe para permitir el acceso a la cámara web. Además dispone de otras características como captura de imágenes utilizando la webcam. Este plugin puede mostrar una [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-24-a-las-17.45.30.jpg" rel="shadowbox[sbpost-3828];player=img;" title="plugin-jquery-webcam"><img class="alignnone size-full wp-image-3830" title="plugin-jquery-webcam" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-24-a-las-17.45.30.jpg" alt="" width="480" height="360" /></a></p>
<p>Hoy os traemos un estupendo <a href="http://www.diariothc.com/tag/plugins/">plugin</a> jQuery con el que podrás mostrar la webcam con un marco en tu página web. Está desarrollado en <a href="http://www.diariothc.com/tag/jquery/">jQuery</a> y utiliza <a href="http://www.diariothc.com/tag/flash/">Flash de Adobe</a> para permitir el acceso a la cámara web.</p>
<p>Además dispone de otras características como captura de imágenes utilizando la webcam. Este plugin puede mostrar una lista de webcams disponibles y seleccionar una de ellas.</p>
<p>El Streaming de video se puede realizar en cualquier tamaño, sin embargo requiere recompilar el código de SWF para ello. Se describe en la documentación del plugin.</p>
<p><span id="more-3828"></span></p>
<ul>
<li>Puedes ver una <a rel="nofollow" href="http://www.xarg.org/project/jquery-webcam-plugin/" target="_blank">Demo</a> de este fantástico plugin y si necesitas implementarlo dispones de un manual bien documentado.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/controla-tu-webcam-en-tu-pagina-web-con-un-plugin-en-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Consigue un Carrusel de imágenes infinito en jQuery con carouFredSel</title>
		<link>http://www.diariothc.com/consigue-un-carrusel-de-imagenes-infinito-en-jquery-con-caroufredsel/</link>
		<comments>http://www.diariothc.com/consigue-un-carrusel-de-imagenes-infinito-en-jquery-con-caroufredsel/#comments</comments>
		<pubDate>Thu, 23 Sep 2010 19:35:30 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Imagen]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[carrusel]]></category>
		<category><![CDATA[imagénes]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Slider]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3822</guid>
		<description><![CDATA[Ya os hemos enseñado varios ejemplos de Carruseles de imágenes desarrollados con jQuery en DiarioTHC. Muestran varias imágenes de productos o imágenes en forma destacada en un sitio web, de forma que se puede promocionar mucho mejor. En este caso os queremos mostrar carouFredSel, un nuevo plugin por el que conseguirás una cadena infinita de [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-23-a-las-20.57.23.png" rel="shadowbox[sbpost-3822];player=img;" title="Captura de pantalla 2010-09-23 a las 20.57.23"><img class="alignnone size-large wp-image-3823" title="Captura de pantalla 2010-09-23 a las 20.57.23" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-23-a-las-20.57.23-1024x455.png" alt="" width="480" height="220" /></a></p>
<p>Ya os hemos enseñado varios ejemplos de <a href="http://www.diariothc.com/tag/carrusel-imagenes/">Carruseles de imágenes</a> desarrollados con <a href="http://www.diariothc.com/tag/jquery/">jQuery</a> en <strong>DiarioTHC.</strong> Muestran varias imágenes de productos o imágenes en forma destacada en un sitio web, de forma que se puede promocionar mucho mejor.</p>
<p>En este caso os queremos mostrar <strong>carouFredSel</strong>, un nuevo <a href="http://www.diariothc.com/tag/plugins/">plugin</a> por el que conseguirás una cadena infinita de imágenes en el mismo, nunca se dejarán de mostrar imágenes en vuestra zona destacada, queréis saber como?.. os lo mostramos después del salto.</p>
<p><span id="more-3822"></span></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-23-a-las-20.56.35.png" rel="shadowbox[sbpost-3822];player=img;" title="Captura de pantalla 2010-09-23 a las 20.56.35"><img class="alignnone size-full wp-image-3824" title="Captura de pantalla 2010-09-23 a las 20.56.35" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-23-a-las-20.56.35.png" alt="" width="459" height="432" /></a></p>
<p><strong>carouFredSel</strong> es un plugin que utiliza una función por la que toma un número limitado de imágenes y una vez que se hayan mostrado seguirá mostrando imágenes en forma aleatoria con el set de imágenes de que dispone.</p>
<p>Este plugin trabaja con varios objetos en diferentes <strong>alturas</strong> y <strong>anchuras</strong> y es compatible con cualquier plugin <a href="http://www.diariothc.com/tag/lightbox/">lightbox en jQuery</a>. Es posible añadir o eliminar objetos del carrusel dinámicamente y dispone de controles para manejar el desplazamiento, movimiento&#8230;</p>
<p>Suena original y muy visual también, puedes descargar el código desde su página <a rel="nofollow" href="http://caroufredsel.frebsite.nl/" target="_blank">caroufredsel</a>, podrás ver varios ejemplos de formatos que podrás utilizar, así como el código necesario para implementarlo.</p>
<ul>
<li>Página web <a rel="nofollow" href="http://caroufredsel.frebsite.nl/" target="_blank">caroufredsel</a>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/consigue-un-carrusel-de-imagenes-infinito-en-jquery-con-caroufredsel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Implementa un Slider de imágenes en jQuery con Orbit</title>
		<link>http://www.diariothc.com/implementa-un-slider-de-imagenes-en-jquery-con-orbit/</link>
		<comments>http://www.diariothc.com/implementa-un-slider-de-imagenes-en-jquery-con-orbit/#comments</comments>
		<pubDate>Mon, 13 Sep 2010 09:37:10 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Herramientas Online]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[desarrollo web]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Slider Imágenes]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3739</guid>
		<description><![CDATA[Una de las técnicas usadas en Diseño web pasa por mostrar en la página de inicio las últimas noticias, bien sea a través de un Blog o como presentación de productos en una tienda. Orbit es otro excelente plugin para mostrar un Slider de imágenes en gran tamaño, además lo puedes implementar fácilmente en tu [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-13-a-las-10.38.11.png" rel="shadowbox[sbpost-3739];player=img;" title="Captura de pantalla 2010-09-13 a las 10.38.11"><img class="alignnone size-large wp-image-3740" title="Captura de pantalla 2010-09-13 a las 10.38.11" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-13-a-las-10.38.11-1024x476.png" alt="" width="480" height="220" /></a></p>
<p>Una de las técnicas usadas en Diseño web pasa por mostrar en la página de inicio las últimas noticias, bien sea a través de un Blog o como presentación de productos en una tienda. Orbit es otro excelente plugin para mostrar un Slider de imágenes en gran tamaño, además lo puedes implementar fácilmente en tu página web.</p>
<p>A través de la página del proyecto te explica de forma sencilla como utilizar este plugin y lo podrás implementar en cualquier plataforma: WordPress, Blogger, Drupal, Joomla&#8230; te decimos como hacerlo en DiarioTHC.</p>
<p><span id="more-3739"></span></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-13-a-las-10.46.26.png" rel="shadowbox[sbpost-3739];player=img;" title="Captura de pantalla 2010-09-13 a las 10.46.26"><img class="alignnone size-full wp-image-3741" title="Captura de pantalla 2010-09-13 a las 10.46.26" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-13-a-las-10.46.26.png" alt="" width="480" height="145" /></a></p>
<ul>
<li>Para ello tendrás que descargar <a rel="nofollow" href="http://www.zurb.com/playground/jquery_image_slider_plugin" target="_blank">Orbit Kit</a> desde su página.</li>
<li>También necesitarás descargar <a rel="nofollow" target="_blank" href="http://www.jquery.com/">jQuery</a>.</li>
<li>Ahora referencia en la página que vaya a ir el Slider las 2 clases (entre las etiquetas &lt;head&gt;&lt;/head&gt;), jQuery primero y Orbit después, de la siguiente forma:</li>
</ul>
<p>[html]<script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script>[/html]</p>
<ul>
<li>El siguiente paso es añadir el CSS que quieras. Referencialo en el header también.</li>
</ul>
<p>[html]
<link rel="stylesheet" href="css/orbit.css">[/html] </p>
<ul>
<li>Ahora añade el div en el body, donde vaya a ir exactamente el Slider, con las imágenes que desees, con este formato:</li>
</ul>
<p>[html]
<div id="featured">
</div>
<p>[/html]</p>
<ul>
<li>También deberás inicializar Orbit en la página donde vaya el Slider (entre las etiquetas header) de la siguiente forma</li>
</ul>
<p>[html]<script type="text/javascript">
     $(window).load(function() {
         $('#featured').orbit();
     });
</script>[/html]</p>
<p>Debes tener en cuenta que Orbit redimensionará todas las imágenes del Slider pero deberán tener el mismo tamaño.</p>
<p>Puedes ampliar con toda la información a través de la <a target="_blank" rel="nofollow"  href="http://www.zurb.com/playground/jquery_image_slider_plugin">página de Orbit</a>, donde tienes toda la documentación disponible.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/implementa-un-slider-de-imagenes-en-jquery-con-orbit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Touch Gallery: Galería de imágenes para navegadores móviles</title>
		<link>http://www.diariothc.com/touch-gallery-galeria-de-imagenes-para-navegadores-moviles/</link>
		<comments>http://www.diariothc.com/touch-gallery-galeria-de-imagenes-para-navegadores-moviles/#comments</comments>
		<pubDate>Tue, 07 Sep 2010 19:19:45 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Herramientas Online]]></category>
		<category><![CDATA[Navegadores]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Galería de imágenes]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Navegadores web móviles]]></category>
		<category><![CDATA[Touch Gallery]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3713</guid>
		<description><![CDATA[Touch Gallery es un fantástico plugin para presentar galerías de imágenes en navegadores web móviles, está realizado en jQuery y es un plugin muy ligero y fácil de usar. Además con navegadores que posean funciones limitadas mostrará a la perfección las imágenes y también tiene implementadas funciones para dispositivos multitouch. Esta galería desarrollada en jQuery [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-07-a-las-20.54.11.png" rel="shadowbox[sbpost-3713];player=img;" title="Captura de pantalla 2010-09-07 a las 20.54.11"><img class="alignnone size-large wp-image-3715" title="Captura de pantalla 2010-09-07 a las 20.54.11" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-07-a-las-20.54.11-1024x508.png" alt="" width="480" height="260" /></a></p>
<p><strong>Touch Gallery</strong> es un fantástico <a href="http://www.diariothc.com/tag/plugins/">plugin</a> para presentar <strong>galerías de imágenes en navegadores web móviles</strong>, está realizado en jQuery y es un plugin muy ligero y fácil de usar. Además con navegadores que posean funciones limitadas mostrará a la perfección las imágenes y también tiene implementadas funciones para dispositivos multitouch.</p>
<p>Esta galería desarrollada en <a href="http://www.diariothc.com/tag/jquery/">jQuery</a> depende directamente de otros 2 plugins para su funcionamiento, <a rel="nofollow" href="http://neteye.github.com/transform.html" target="_blank">transform</a> y <a rel="nofollow" href="http://neteye.github.com/activity-indicator.html" target="_blank">activity-indicator</a>, ambos incluidos en el paquete de descarga de <strong>Touch Gallery</strong>.</p>
<p>La forma de uso está explicada desde la página del proyecto y verás lo fácil de usar que resulta, para ello, simplemente tienes que subir tu galería de fotos a tu página y luego añadir al final de la misma el script para que se ejecute este plugin.</p>
<p><span id="more-3713"></span><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-07-a-las-20.56.05.png" rel="shadowbox[sbpost-3713];player=img;"></a></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-07-a-las-20.56.05.png" rel="shadowbox[sbpost-3713];player=img;" title="Captura de pantalla 2010-09-07 a las 20.56.05"><img class="alignnone size-full wp-image-3714" title="Captura de pantalla 2010-09-07 a las 20.56.05" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-07-a-las-20.56.05.png" alt="" width="480" height="300" /></a></p>
<p>De esta forma tan sencilla podrás implementar este plugin, en cualquier plataforma con la que trabajes y el resultado es bastante bueno y como decimos de carga ligera, ideal para navegadores web móviles.</p>
<p>Puedes ver una <strong>Demo</strong> de su funcionamiento <a rel="nofollow" href="http://neteye.github.com/touch-gallery.html" target="_blank">desde esta página</a>. También para <strong>descargar Touch Gallery</strong>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/touch-gallery-galeria-de-imagenes-para-navegadores-moviles/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>bxCarousel: un Carrusel de imágenes flexible en jQuery</title>
		<link>http://www.diariothc.com/bxcarousel-un-carrusel-de-imagenes-flexible-en-jquery/</link>
		<comments>http://www.diariothc.com/bxcarousel-un-carrusel-de-imagenes-flexible-en-jquery/#comments</comments>
		<pubDate>Mon, 06 Sep 2010 17:06:03 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Imagen]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Carrusel imagenes]]></category>
		<category><![CDATA[diseño web]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3706</guid>
		<description><![CDATA[bxCarousel es una fantástico Carrusel para presentación de imágenes o productos muy fácil de personalizar e implementar. Te permite especificar el número de elementos que se mostrarán y adicionalmente los botones para realizar el slide. Además lo puedes configurar de 2 formas posibles, para que el carrusel se mueva automáticamente nada más cargar la página [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-06-a-las-18.27.22.png" rel="shadowbox[sbpost-3706];player=img;" title="Captura de pantalla 2010-09-06 a las 18.27.22"><img class="alignnone size-full wp-image-3707" title="Captura de pantalla 2010-09-06 a las 18.27.22" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-06-a-las-18.27.22.png" alt="" width="480" height="200" /></a></p>
<p><strong>bxCarousel</strong> es una fantástico Carrusel para presentación de <a href="http://www.diariothc.com/tag/imagenes/">imágenes</a> o productos muy fácil de personalizar e implementar. Te permite especificar el número de elementos que se mostrarán y adicionalmente los botones para realizar el slide.</p>
<p>Además lo puedes configurar de 2 formas posibles, para que el carrusel se mueva automáticamente nada más cargar la página o de forma manual a través de botones.</p>
<p>En la forma automática podrás configurar la <strong>duración de tiempo entre cada transición</strong>, así como la <strong>velocidad</strong> y <strong>dirección</strong> de las transiciones de forma simple.</p>
<p><span id="more-3706"></span></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-06-a-las-18.27.39.png" rel="shadowbox[sbpost-3706];player=img;" title="Captura de pantalla 2010-09-06 a las 18.27.39"><img class="alignnone size-full wp-image-3708" title="Captura de pantalla 2010-09-06 a las 18.27.39" src="http://www.diariothc.com/wp-content/uploads/2010/09/Captura-de-pantalla-2010-09-06-a-las-18.27.39.png" alt="" width="480" height="200" /></a></p>
<p>Recuerda, <strong>bxCarousel</strong>, una opción muy interesante de implementar un carrusel para tu página web, bien para imágenes y otros elementos, además puedes personalizar el código de forma sencilla. A través de la web del proyecto de comentan como hacerlo.</p>
<ul>
<li>Página de proyecto <a rel="nofollow" href="http://bxcarousel.com/" target="_blank">bxCarousel</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/bxcarousel-un-carrusel-de-imagenes-flexible-en-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Escalado de Carrousel de imágenes en jQuery</title>
		<link>http://www.diariothc.com/escalado-de-carrousel-de-imagenes-en-jquery/</link>
		<comments>http://www.diariothc.com/escalado-de-carrousel-de-imagenes-en-jquery/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 15:16:26 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Herramientas Online]]></category>
		<category><![CDATA[Imagen]]></category>
		<category><![CDATA[Utilidades Diseño]]></category>
		<category><![CDATA[Carrusel imagenes]]></category>
		<category><![CDATA[imagénes]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3612</guid>
		<description><![CDATA[jQuery Image Scale Carousel te que permite redimensionar o escalar al vuelo un Carrusel de imágenes realizado en jQuery. Además de ofrecer tus imágenes de calidad puedes permitir al usuario cambiar el diseño de forma sencilla para visualizar en cualquier tipo de dispositivo. Por otra parte si tus imágenes son de alta resolución o no [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-16-a-las-17.05.35.png" rel="shadowbox[sbpost-3612];player=img;" title="Captura de pantalla 2010-08-16 a las 17.05.35"><img class="alignnone size-large wp-image-3614" title="Captura de pantalla 2010-08-16 a las 17.05.35" src="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-16-a-las-17.05.35-1024x598.png" alt="" width="480" height="300" /></a></p>
<p>jQuery Image Scale Carousel te que permite redimensionar o escalar al vuelo un <strong>Carrusel de imágenes</strong> realizado en <a href="http://www.diariothc.com/tag/jquery/">jQuery</a>. Además de ofrecer tus <a href="http://www.diariothc.com/tag/imagenes/">imágenes</a> de calidad puedes permitir al usuario cambiar el <a href="http://www.diariothc.com/tag/diseno/">diseño</a> de forma sencilla para visualizar en cualquier tipo de dispositivo.</p>
<p>Por otra parte si tus imágenes son de alta resolución o no tienen un tamaño estándar, esta librería realizada en jQuery te ayudará a redimensionarlas de forma sencilla.</p>
<p>También se puede utilizar, como decimos, como añadido para el usuario, para distintos tipos de dispositivos y resoluciones.</p>
<p>Este <strong>Carrusel de imágenes</strong> se puede implementar <strong>a través de un plugin</strong> y convertirá cualquier imagen con la altura y anchura necesarias. Además dispone de<strong> controles para imagen </strong>(siguiente, anterior) así como <strong>auto-play</strong> para mostrar pase de diapositivas.</p>
<p><span id="more-3612"></span></p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-16-a-las-17.05.25.png" rel="shadowbox[sbpost-3612];player=img;" title="Captura de pantalla 2010-08-16 a las 17.05.25"><img class="alignnone size-full wp-image-3613" title="Captura de pantalla 2010-08-16 a las 17.05.25" src="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-16-a-las-17.05.25.png" alt="" width="459" height="314" /></a></p>
<p>A través de la página del proyecto tiene indicaciones para poder implementarlo con facilidad en cualquier sitio o proyecto web.</p>
<ul>
<li>Puedes acceder a <a rel="nofollow" href="http://johnpatrickgiven.com/jquery/Image-Scale-Carousel/" target="_blank">este proyecto</a> a través de la página de <strong>johnpatrickgiven</strong>.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/escalado-de-carrousel-de-imagenes-en-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery iPhone UI: Libreria Javascript que emula la interfaz del iPhone</title>
		<link>http://www.diariothc.com/jquery-iphone-ui-libreria-javascript-que-emula-la-interfaz-del-iphone/</link>
		<comments>http://www.diariothc.com/jquery-iphone-ui-libreria-javascript-que-emula-la-interfaz-del-iphone/#comments</comments>
		<pubDate>Mon, 16 Aug 2010 14:55:18 +0000</pubDate>
		<dc:creator>Javier Asín</dc:creator>
				<category><![CDATA[CodesWeb]]></category>
		<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Herramientas Online]]></category>
		<category><![CDATA[Pienso/Desarrollo]]></category>
		<category><![CDATA[Recursos&Software]]></category>
		<category><![CDATA[aplicaciones web]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jQuery iPhone UI]]></category>
		<category><![CDATA[Navegadores]]></category>
		<category><![CDATA[Sharekit]]></category>
		<category><![CDATA[Web Apps]]></category>

		<guid isPermaLink="false">http://www.diariothc.com/?p=3604</guid>
		<description><![CDATA[jQuery iPhone UI es una librería realizada en Javascript que emula a la perfección la interfaz del iPhone a través de una web-app que está disponible a modo de demo desde esta página. Con ella se pretenden crear aplicaciones web, emulando la interfaz del iPhone con funcionalidades distintas, es bastante original. el jQuery Team acaba [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-16-a-las-16.40.49.png" rel="shadowbox[sbpost-3604];player=img;" title="Captura de pantalla 2010-08-16 a las 16.40.49"><img class="alignnone size-full wp-image-3607" title="Captura de pantalla 2010-08-16 a las 16.40.49" src="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-16-a-las-16.40.49.png" alt="" width="480" height="410" /></a></p>
<p><strong>jQuery iPhone UI</strong> es una librería realizada en <a href="http://www.diariothc.com/tag/javascript/">Javascript</a> que emula a la perfección<strong> la interfaz del iPhone </strong>a través de una web-app que está disponible a modo de demo desde <a href="http://iphone.hohli.com/" target="_blank">esta página</a>. Con ella se pretenden crear aplicaciones web, emulando la interfaz del iPhone con funcionalidades distintas, es bastante original.</p>
<p>el <strong>jQuery Team</strong> acaba de anunciar que van a poner su esfuerzo en desarrollar <strong>aplicaciones web</strong> móviles y dicho esto, ya han sacado esta librería para lanzar aplicaciones web sencillas a través de esta interfaz.</p>
<p>Una vez cojas esta librería en <a href="http://www.diariothc.com/tag/jquery/">jQuery</a> verás la facilidad de uso que tiene y la soluciones listas para usar. Además puedes ver otros proyectos en los que están trabajando el<strong> jQuery Team</strong>, como <a href="http://www.getsharekit.com/" target="_blank">sharekit</a>, también para aplicaciones web para móviles.</p>
<p><span id="more-3604"></span>Estas aplicaciones se pueden ejecutar en un <a href="http://www.diariothc.com/tag/navegadores/" target="_blank">navegador web</a> y accesibles y de fácil carga a través de dispositivos móviles. Sin consumir muchos recursos y con todo el potencia de jQuery.</p>
<p style="text-align: center;"><a href="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-16-a-las-16.49.39.png" rel="shadowbox[sbpost-3604];player=img;" title="Captura de pantalla 2010-08-16 a las 16.49.39"><img class="alignnone size-large wp-image-3606" title="Captura de pantalla 2010-08-16 a las 16.49.39" src="http://www.diariothc.com/wp-content/uploads/2010/08/Captura-de-pantalla-2010-08-16-a-las-16.49.39-1024x489.png" alt="" width="480" height="200" /></a></p>
<ul>
<li>Puedes acceder al proyecto <a href="http://iphone.hohli.com/" target="_blank">jQuery iPhone UI</a></li>
<li>También al proyecto de <a href="http://www.getsharekit.com/" target="_blank">Sharekit</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.diariothc.com/jquery-iphone-ui-libreria-javascript-que-emula-la-interfaz-del-iphone/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

