<?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>Dator Blog &#187; Lightbox</title>
	<atom:link href="http://www.dator.fr/tag/lightbox/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dator.fr</link>
	<description>développement &#38; life</description>
	<lastBuildDate>Wed, 10 Mar 2010 14:38:10 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Colorbox, une Lightbox jQuery vraiment pratique</title>
		<link>http://www.dator.fr/colorbox-une-lightbox-jquery-vraiment-pratique/</link>
		<comments>http://www.dator.fr/colorbox-une-lightbox-jquery-vraiment-pratique/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 11:00:25 +0000</pubDate>
		<dc:creator>Clément</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Iframe]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Lightbox]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.dator.fr/?p=1394</guid>
		<description><![CDATA[
Colorbox est un plugin jQuery de type Lightbox qui permet d&#8217;afficher du contenu avec HTML simple, Ajax, Iframe et même des photos.
(...)Lire la suite de Colorbox, une Lightbox jQuery vraiment pratique (32 words)

Article original écrit par Dator et publié sur Dator.fr, le 2009. &#124; Lien direct vers cet article &#124; © Dator.fr - 2008 

Mot [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.dator.fr/wp-content/uploads/2009/08/colorbox-jquery.jpg" alt="colorbox-jquery" title="colorbox-jquery" width="600" height="180" class="aligncenter size-full wp-image-1395" /><br />
Colorbox est un plugin jQuery de type Lightbox qui permet d&#8217;afficher du contenu avec HTML simple, Ajax, Iframe et même des photos.<br />
(...)<br/>Lire la suite de <a href="http://www.dator.fr/colorbox-une-lightbox-jquery-vraiment-pratique/">Colorbox, une Lightbox jQuery vraiment pratique</a> (32 words)</p>
<hr />
<p><small>Article original écrit par Dator et publié sur <a href="http://www.dator.fr">Dator.fr</a>, le 2009. | <a href="http://www.dator.fr/colorbox-une-lightbox-jquery-vraiment-pratique/">Lien direct vers cet article</a> | © Dator.fr - 2008 </small>
<br/>
Mot clés: <a href="http://www.dator.fr/tag/ajax/" rel="tag">Ajax</a>, <a href="http://www.dator.fr/tag/html/" rel="tag">HTML</a>, <a href="http://www.dator.fr/tag/iframe/" rel="tag">Iframe</a>, <a href="http://www.dator.fr/tag/jquery/" rel="tag">jQuery</a>, <a href="http://www.dator.fr/tag/lightbox/" rel="tag">Lightbox</a>, <a href="http://www.dator.fr/tag/plugin/" rel="tag">Plugin</a>, <a href="http://www.dator.fr/tag/plugins/" rel="tag">Plugins</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.dator.fr/colorbox-une-lightbox-jquery-vraiment-pratique/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery Impromptu, une nouvelle lightbox pour jQuery</title>
		<link>http://www.dator.fr/jquery-impromptu-une-nouvelle-lightbox-pour-jquery/</link>
		<comments>http://www.dator.fr/jquery-impromptu-une-nouvelle-lightbox-pour-jquery/#comments</comments>
		<pubDate>Thu, 25 Jun 2009 05:00:25 +0000</pubDate>
		<dc:creator>Clément</dc:creator>
				<category><![CDATA[Plugins]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Lightbox]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.dator.fr/?p=1237</guid>
		<description><![CDATA[
jQuery Impromptu est un plugin pour jQuery permettant d&#8217;afficher du contenu HTML de façon très esthétique !
(...)Lire la suite de jQuery Impromptu, une nouvelle lightbox pour jQuery (126 words)

Article original écrit par Dator et publié sur Dator.fr, le 2009. &#124; Lien direct vers cet article &#124; © Dator.fr - 2008 

Mot clés: jQuery, Lightbox, Plugin
]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.dator.fr/wp-content/uploads/2009/06/jquery-inpromptu.jpg" alt="jquery-inpromptu" title="jquery-inpromptu" width="565" height="211" class="aligncenter size-full wp-image-1238" /></p>
<p><strong>jQuery Impromptu</strong> est un plugin pour jQuery permettant d&#8217;afficher du contenu HTML de façon très esthétique !</p>
<p>(...)<br/>Lire la suite de <a href="http://www.dator.fr/jquery-impromptu-une-nouvelle-lightbox-pour-jquery/">jQuery Impromptu, une nouvelle lightbox pour jQuery</a> (126 words)</p>
<hr />
<p><small>Article original écrit par Dator et publié sur <a href="http://www.dator.fr">Dator.fr</a>, le 2009. | <a href="http://www.dator.fr/jquery-impromptu-une-nouvelle-lightbox-pour-jquery/">Lien direct vers cet article</a> | © Dator.fr - 2008 </small>
<br/>
Mot clés: <a href="http://www.dator.fr/tag/jquery/" rel="tag">jQuery</a>, <a href="http://www.dator.fr/tag/lightbox/" rel="tag">Lightbox</a>, <a href="http://www.dator.fr/tag/plugin/" rel="tag">Plugin</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.dator.fr/jquery-impromptu-une-nouvelle-lightbox-pour-jquery/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Facebox, la lightbox à la Facebook pour jQuery</title>
		<link>http://www.dator.fr/facebox-la-lightbox-a-la-facebook-pour-jquery/</link>
		<comments>http://www.dator.fr/facebox-la-lightbox-a-la-facebook-pour-jquery/#comments</comments>
		<pubDate>Tue, 13 Jan 2009 20:48:44 +0000</pubDate>
		<dc:creator>Clément</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Lightbox]]></category>

		<guid isPermaLink="false">http://www.dator.fr/?p=770</guid>
		<description><![CDATA[Facebox est une autre plugin pour jQuery de type Lightbox qui permet d&#8217;afficher vos images, du HTML pur ou du HTML récupéré par Ajax. Facebox est enfaite l&#8217;implémentation de la boite modale présente sur Facebook et je l&#8217;a trouve très réussi !
Vous pouvez la télécharger ici et voir des petites démonstrations sur cette page.
Related Posts:Tipsy, [...]]]></description>
			<content:encoded><![CDATA[<p><strong><a href="http://famspam.com/facebox">Facebox</a></strong> est une autre plugin pour jQuery de type <a href="http://www.dator.fr/lightbox-le-javascript-pour-vos-images/">Lightbox</a> qui permet d&#8217;afficher vos images, du HTML pur ou du HTML récupéré par Ajax. Facebox est enfaite l&#8217;implémentation de la boite modale présente sur <strong><a href="http://www.dator.fr/facebook-connect-sur-le-blog-la-phase-de-test">Facebook</a></strong> et je l&#8217;a trouve très réussi !</p>
<p>Vous pouvez la<a href="http://famspam.com/facebox/releases/facebox-1.2.tar.gz"> télécharger ici </a>et voir des <a href="http://famspam.com/facebox">petites démonstrations sur cette page</a>.</p>
<div id="crp_related"><h2>Related Posts:</h2><ul><li><a href="http://www.dator.fr/tipsy-un-plugin-jquery-pour-creer-des-tooltips-comme-sur-facebook/" rel="bookmark">Tipsy, un plugin jQuery pour créer des tooltips comme sur Facebook.</a></li><li><a href="http://www.dator.fr/facebook-connect-sur-le-blog-la-phase-de-test/" rel="bookmark">Facebook connect sur le blog, la phase de test</a></li><li><a href="http://www.dator.fr/jquerypopeye-une-nouvelle-alternative-de-lightbox-pour-afficher-vos-images/" rel="bookmark">jQuery.popeye(), une nouvelle alternative de lightbox pour afficher vos images</a></li><li><a href="http://www.dator.fr/lightbox-le-javascript-pour-vos-images/" rel="bookmark">LightBox, le javascript pour vos images</a></li><li><a href="http://www.dator.fr/vous-connecter-a-facebook-grace-a-la-librairie-javascript-mu-connect/" rel="bookmark">Vous connecter à Facebook grâce à la librairie Javascript MU Connect</a></li></ul></div><hr />
<p><small>Article original écrit par Dator et publié sur <a href="http://www.dator.fr">Dator.fr</a>, le 2009. | <a href="http://www.dator.fr/facebox-la-lightbox-a-la-facebook-pour-jquery/">Lien direct vers cet article</a> | © Dator.fr - 2008 </small>
<br/>
Mot clés: <a href="http://www.dator.fr/tag/ajax/" rel="tag">Ajax</a>, <a href="http://www.dator.fr/tag/facebook/" rel="tag">Facebook</a>, <a href="http://www.dator.fr/tag/html/" rel="tag">HTML</a>, <a href="http://www.dator.fr/tag/javascript/" rel="tag">Javascript</a>, <a href="http://www.dator.fr/tag/jquery/" rel="tag">jQuery</a>, <a href="http://www.dator.fr/tag/lightbox/" rel="tag">Lightbox</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.dator.fr/facebox-la-lightbox-a-la-facebook-pour-jquery/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>jQuery.popeye(), une nouvelle alternative de lightbox pour afficher vos images</title>
		<link>http://www.dator.fr/jquerypopeye-une-nouvelle-alternative-de-lightbox-pour-afficher-vos-images/</link>
		<comments>http://www.dator.fr/jquerypopeye-une-nouvelle-alternative-de-lightbox-pour-afficher-vos-images/#comments</comments>
		<pubDate>Thu, 04 Dec 2008 09:54:51 +0000</pubDate>
		<dc:creator>Clément</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Lightbox]]></category>

		<guid isPermaLink="false">http://www.dator.fr/?p=641</guid>
		<description><![CDATA[jQuery.popeye() est un plugin jQuery qui permet d&#8217;afficher vos images d&#8217;une façon quasiment identique à tous les plugins lightbox mais cette fois on peu naviguer dans un carrousel d&#8217;image et agrandir l&#8217;image voulue.

L&#8217;installation de ce plugin est très simple, voici le code HTML :







            [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://herr-schuessler.de/blog/jquerypopeye-an-inline-lightbox-alternative/">jQuery.popeye()</a> est un plugin jQuery qui permet d&#8217;afficher vos images d&#8217;une façon quasiment identique à tous les plugins lightbox mais cette fois on peu naviguer dans un carrousel d&#8217;image et agrandir l&#8217;image voulue.</p>
<p><img src="http://www.dator.fr/wp-content/uploads/2008/12/jquery-plugin-popeye-lightbox.jpg" alt="" title="jquery-plugin-popeye-lightbox" width="276" height="309" class="aligncenter size-full wp-image-642" /></p>
<p>L&#8217;installation de ce plugin est très simple, voici le code HTML :</p>
<pre class="html" name="code">
<div style="clear:both;">
<div id="popeye_images" class="popeye">
<ul>
<li><a href="..."><img src="..." alt="..." /></a></li>
<li><a href="..."><img src="..." alt="..." /></a></li>

              <!-- La liste de vos images -->
              </ul>
</div>
</div>
</pre>
<p>Et le Javascript :</p>
<pre class="js" name="code">
// jQuery
$(document).ready(function() {
   $('.popeye').popeye(); // on active le plugin en prenant la classe mis dans le html
});
</pre>
<p>En utilisant la classe CSS popeye on active le plugin et on peut désormais naviguer dans nos photos de façon très simplifié et joli !</p>
<div id="crp_related"><h2>Related Posts:</h2><ul><li><a href="http://www.dator.fr/prettyphoto-un-clone-du-plugin-ligthbox-pour-jquery/" rel="bookmark">prettyPhoto : un clone du plugin Ligthbox pour jQuery</a></li><li><a href="http://www.dator.fr/colorbox-une-lightbox-jquery-vraiment-pratique/" rel="bookmark">Colorbox, une Lightbox jQuery vraiment pratique</a></li><li><a href="http://www.dator.fr/facebox-la-lightbox-a-la-facebook-pour-jquery/" rel="bookmark">Facebox, la lightbox à la Facebook pour jQuery</a></li><li><a href="http://www.dator.fr/lightbox-le-javascript-pour-vos-images/" rel="bookmark">LightBox, le javascript pour vos images</a></li><li><a href="http://www.dator.fr/afficher-une-liste-deroulante-en-javascript-et-jquery-avec-jquery-spy/" rel="bookmark">Afficher une liste déroulante en Javascript et jQuery avec jQuery Spy</a></li></ul></div><hr />
<p><small>Article original écrit par Dator et publié sur <a href="http://www.dator.fr">Dator.fr</a>, le 2008. | <a href="http://www.dator.fr/jquerypopeye-une-nouvelle-alternative-de-lightbox-pour-afficher-vos-images/">Lien direct vers cet article</a> | © Dator.fr - 2008 </small>
<br/>
Mot clés: <a href="http://www.dator.fr/tag/css/" rel="tag">CSS</a>, <a href="http://www.dator.fr/tag/javascript/" rel="tag">Javascript</a>, <a href="http://www.dator.fr/tag/jquery/" rel="tag">jQuery</a>, <a href="http://www.dator.fr/tag/lightbox/" rel="tag">Lightbox</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.dator.fr/jquerypopeye-une-nouvelle-alternative-de-lightbox-pour-afficher-vos-images/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Une pagination en Ajax</title>
		<link>http://www.dator.fr/une-pagination-en-ajax/</link>
		<comments>http://www.dator.fr/une-pagination-en-ajax/#comments</comments>
		<pubDate>Sat, 22 Mar 2008 11:28:23 +0000</pubDate>
		<dc:creator>Clément</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Screencasts]]></category>
		<category><![CDATA[Lightbox]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[SQL]]></category>

		<guid isPermaLink="false">http://www.dator.fr/?p=57</guid>
		<description><![CDATA[Bonjour à tous !
Le second screencast de Dator.fr est déjà là ! Grâce à celui-ci vous aller apprendre à créer une pagination en ajax en utilisant Prototype, PHP, SQL et Ajax !
La vidéo se trouve ici
N&#8217;hesitez pas à me dire ce que vous en pensez et surtout me dire si vous n&#8217;avez pas compris quelque [...]]]></description>
			<content:encoded><![CDATA[<p>Bonjour à tous !</p>
<p>Le second screencast de Dator.fr est déjà là ! Grâce à celui-ci vous aller apprendre à créer <strong>une pagination en ajax</strong> en utilisant Prototype, PHP, SQL et Ajax !</p>
<p><a href="http://www.dator.fr/wp-examples/screencasts/ajaxPagination/" target="_blank">La vidéo se trouve ici</a></p>
<p>N&#8217;hesitez pas à me dire ce que vous en pensez et surtout me dire si vous n&#8217;avez pas compris quelque chose, les commentaires sont la !</p>
<p>Bon &laquo;&nbsp;visionnage&raquo;&nbsp; de vidéos !</p>
<p>PS : Je crois que le son n&#8217;est pas super bon&#8230;</p>
<p>Edit : <a href="http://www.dator.fr/wp-examples/screencasts/ajaxPagination/AjaxPagination.rar">Voici les sources complètes </a></p>
<div id="crp_related"><h2>Related Posts:</h2><ul><li><a href="http://www.dator.fr/creer-un-moteur-de-recherche-en-ajax/" rel="bookmark">Creer un moteur de recherche en Ajax</a></li><li><a href="http://www.dator.fr/mettre-a-jour-un-conteneur-html-avec-ajax/" rel="bookmark">Mettre à jour un conteneur HTML avec Ajax</a></li><li><a href="http://www.dator.fr/votre-choix-compte-pour-le-mois-de-screencast-sur-zend-a-vous-la-parole/" rel="bookmark">Votre choix compte pour le mois de screencast sur Zend ! A vous la parole !</a></li><li><a href="http://www.dator.fr/php-et-les-requetes-ajax-avec-prototype/" rel="bookmark">PHP et les requêtes AJAX avec Prototype</a></li><li><a href="http://www.dator.fr/zend-framework-un-framework-mvc-en-php/" rel="bookmark">Zend Framework, un framework MVC en PHP</a></li></ul></div><hr />
<p><small>Article original écrit par Dator et publié sur <a href="http://www.dator.fr">Dator.fr</a>, le 2008. | <a href="http://www.dator.fr/une-pagination-en-ajax/">Lien direct vers cet article</a> | © Dator.fr - 2008 </small>
<br/>
Mot clés: <a href="http://www.dator.fr/tag/ajax/" rel="tag">Ajax</a>, <a href="http://www.dator.fr/tag/javascript/" rel="tag">Javascript</a>, <a href="http://www.dator.fr/tag/lightbox/" rel="tag">Lightbox</a>, <a href="http://www.dator.fr/tag/php/" rel="tag">PHP</a>, <a href="http://www.dator.fr/tag/prototype/" rel="tag">Prototype</a>, <a href="http://www.dator.fr/tag/screencasts/" rel="tag">Screencasts</a>, <a href="http://www.dator.fr/tag/sql/" rel="tag">SQL</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.dator.fr/une-pagination-en-ajax/feed/</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
		<item>
		<title>LightBox, le javascript pour vos images</title>
		<link>http://www.dator.fr/lightbox-le-javascript-pour-vos-images/</link>
		<comments>http://www.dator.fr/lightbox-le-javascript-pour-vos-images/#comments</comments>
		<pubDate>Sun, 16 Mar 2008 20:03:56 +0000</pubDate>
		<dc:creator>Clément</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Langages]]></category>
		<category><![CDATA[Framework]]></category>
		<category><![CDATA[Lightbox]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[Scriptaculous]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://www.dator.fr/langages/lightbox-le-javascript-pour-vos-images/</guid>
		<description><![CDATA[
Aujourd&#8217;hui je vais vous présenter une librairie Javascript (et oui &#8230; encore !).
Il s&#8217;agit de LightBox, le plugin de référence pour vos images.

En faite cette librairie permet d&#8217;ajouter, sur les liens des agrandis de vos images, un effet d&#8217;agrandissement sur la même page.
Cette librairie fonctionne sur la base de Prototype et de Scriptaculous (2 librairies [...]]]></description>
			<content:encoded><![CDATA[<p align="left"><img src="http://www.dator.fr/wp-content/uploads/2008/03/lightbox.jpg" alt="LightBox" align="left" /></p>
<p align="left">Aujourd&#8217;hui je vais vous présenter une librairie Javascript (et oui &#8230; encore !).<br />
Il s&#8217;agit de <strong>LightBox</strong>, le plugin de référence pour vos images.</p>
<p align="left">
<p align="left">En faite cette librairie permet d&#8217;ajouter, sur les liens des agrandis de vos images, un effet d&#8217;agrandissement sur la même page.</p>
<p>Cette librairie fonctionne sur la base de Prototype et de Scriptaculous (2 librairies que je vous ai déjà présenter précédemment).</p>
<p><a href="http://www.dator.fr/wp-examples/LightBox/">Voici un exemple </a></p>
<p>Comme tu as pu voir, l&#8217;effet proposé fait très professionnel  et en plus si vous avez une galerie d&#8217;image, tu vas voir apparaitre &laquo;&nbsp;Suivant&raquo;&nbsp; ou &laquo;&nbsp;Précédent&raquo;&nbsp; pour naviguer entre les images.</p>
<p>(...)<br/>Lire la suite de <a href="http://www.dator.fr/lightbox-le-javascript-pour-vos-images/">LightBox, le javascript pour vos images</a> (139 words)</p>
<hr />
<p><small>Article original écrit par Dator et publié sur <a href="http://www.dator.fr">Dator.fr</a>, le 2008. | <a href="http://www.dator.fr/lightbox-le-javascript-pour-vos-images/">Lien direct vers cet article</a> | © Dator.fr - 2008 </small>
<br/>
Mot clés: <a href="http://www.dator.fr/tag/framework/" rel="tag">Framework</a>, <a href="http://www.dator.fr/tag/javascript/" rel="tag">Javascript</a>, <a href="http://www.dator.fr/tag/lightbox/" rel="tag">Lightbox</a>, <a href="http://www.dator.fr/tag/prototype/" rel="tag">Prototype</a>, <a href="http://www.dator.fr/tag/scriptaculous/" rel="tag">Scriptaculous</a>, <a href="http://www.dator.fr/tag/web-20/" rel="tag">Web 2.0</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://www.dator.fr/lightbox-le-javascript-pour-vos-images/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

