<?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>Bqqmf &#187; j&#8217;essaie</title>
	<atom:link href="http://lorgie.com/bqqmf/tag/jessaie/feed/" rel="self" type="application/rss+xml" />
	<link>http://lorgie.com/bqqmf</link>
	<description>Cahier g33k 2009-2010</description>
	<lastBuildDate>Mon, 02 May 2011 04:30:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
	<atom:link rel='hub' href='http://lorgie.com/bqqmf/?pushpress=hub'/>
		<item>
		<title>Mon premier jquery</title>
		<link>http://lorgie.com/bqqmf/07-12-2009/mon-premier-jquery/</link>
		<comments>http://lorgie.com/bqqmf/07-12-2009/mon-premier-jquery/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 05:15:57 +0000</pubDate>
		<dc:creator>L.</dc:creator>
				<category><![CDATA[Restes du Monde du Web]]></category>
		<category><![CDATA[codes]]></category>
		<category><![CDATA[j'essaie]]></category>
		<category><![CDATA[je partage]]></category>
		<category><![CDATA[premier]]></category>

		<guid isPermaLink="false">http://lorgie.com/bqqmf/?p=1436</guid>
		<description><![CDATA[Je suis très fière de me mettre aujourd'hui aux techniques d'il y a 5 ans, alors on se moque pas trop fort de mon premier appel au <em>célèbre</em> framework javascript...]]></description>
			<content:encoded><![CDATA[<p>Je suis très fière de me mettre aujourd&#8217;hui aux techniques d&#8217;il y a 5 ans, alors on se moque pas trop fort de mon premier appel au <em>célèbre</em> framework javascript&#8230;</p>
<p>J&#8217;men suis servi pour créer un effet d&#8217;apparition un peu alpha sur une liste de contributeurs  <code>ul id="licred"</code> et un diaporama sur une image. Pour cela, on doit ajouter <a title="présentation de l'extension" href="http://malsup.com/jquery/cycle/" target="_blank">Cycle</a> à la bibliothèque<a title="genre la doc en anglais" href="http://docs.jquery.com/Main_Page" target="_blank"> jquery</a> de base&#8230; Et c&#8217;est un plugin dont se sert aussi<a title="les fois où j'ai noté des trucs sur indexhibit" href="http://lorgie.com/bqqmf/tag/indexhibit/" target="_self"> indexhibit</a>, ô comme c&#8217;est rigolo!</p>
<pre class="brush: html">
</pre>
<pre class="brush: js">

// LES CONTRIBUTEURS
$(document).ready(function(){
$(&#039;#licred&#039;).hide();
$(&quot;#cred h1.puce &gt; a&quot;).click( function () {
if ($(&quot;#licred:visible&quot;).length != 0) { $(&quot;#licred&quot;).fadeOut(&quot;slow&quot;); }
else { $(&quot;#licred&quot;).fadeIn(&quot;normal&quot;); }
return false; });

// equivalent de onload, quand le doc est prêt...
// cache liste des contributeurs
// On modifie l&#039;évènement &quot;click&quot; sur le lien du titre dans div id cred
// Si c allumé on éteint?
// Ou si c&#039;est éteint on allume
// + On empêche le navigateur de suivre le lien   au chargement
// LE DIAPORAMA -- c pour lui quon charge Cycle ligne 2
$(&#039;#def&#039;).cycle({ /* #def comme id du bloc autour de l&#039; img */
fx:    &#039;fade&#039;, /* effet choisi  */
timeout: 4000 /* temps (ici 4 secondes) entre les img */
});	    });
</pre>
<pre class="brush: html"></pre>
<h3>à quoi ça sert jquery?</h3>
<p>à cette pertinente question j&#8217;ai brillamment répondu ailleurs avec un exemple:</p>
<blockquote><p>&laquo;&nbsp;<strong>Jquery</strong>, c&#8217;est ce qui permet d&#8217;écrire <code>this.fade('slow');</code> plutôt que d&#8217;avoir à écrire comment pécho <code>this</code> et gérer les opacités dans le temps. &laquo;&nbsp;</p></blockquote>
<p>Évidemment <a title="Tuto diapo AlsaCréation" href="http://www.alsacreations.com/tuto/lire/719-galerie-images-simple-jquery.html" target="_blank">sans le copier coller je ne serai rien</a>. Le résultat sur le site provisoire de la bijouterie d&#8217;une amie.<br />
<a href="http://cfalaure.free.fr/index.php?/project/ostentatoire/"><img class="alignnone size-full wp-image-1449" title="Otentatoire_capture" src="http://lorgie.com/bqqmf/files/2010/01/Otentatoire_capture.jpg" alt="Otentatoire_capture" width="600" height="362" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://lorgie.com/bqqmf/07-12-2009/mon-premier-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

