http://mysiteconcept.com/ Le Mans - Création ou refonte de sites Internet dynamiques à destination des petites structures (PME, TPE, artisans, associations, indépendants, auto-entrepreneurs, particuliers, ...). fr SPIP - www.spip.net http://mysiteconcept.com/Plugin-Dewslider http://mysiteconcept.com/Plugin-Dewslider 2012-04-10T13:54:33Z text/html fr Jean-Yves Giraud Plugin Dewslider - Note importante : en principe, sauf demande express, je ne propose plus ce plugin pour faire des diaporamas parce qu'il peut être remplacé par le plugin Cycle, celui-ci ayant le gros avantage d'utiliser le javascript au lieu du flash, garantissant son fonctionnement sur tous les smartphones. Ce plugin que j'ai créé pour SPIP utilise le lecteur flash Dewslider. Il permet d'utiliser tous les paramètres possibles du lecteur. En voici quelques exemples : Transition "blur". (...) - <a href="http://mysiteconcept.com/-Mes-plugins-Multimedia-" rel="directory">Mes plugins Multimédia</a> <img class='spip_logos' alt="" align="right" src="http://mysiteconcept.com/local/cache-vignettes/L150xH113/arton10-ca174.jpg" width='150' height='113' style='height:113px;width:150px;' /> <div class='rss_texte'><h1>- Plugin Dewslider -</h1> <hr class="spip" /> <p><strong>Note importante : en principe, sauf demande express, je ne propose plus ce plugin pour faire des diaporamas parce qu'il peut être remplacé par le <a href="http://mysiteconcept.com/Plugin-Cycle" class='spip_in'>plugin Cycle</a>, celui-ci ayant le gros avantage d'utiliser le javascript au lieu du flash, garantissant son fonctionnement sur tous les smartphones.</strong></p> <hr class="spip" /> <p>Ce plugin que j'ai créé pour SPIP utilise le lecteur flash <strong><a href="http://www.alsacreations.fr/dewslider" class='spip_out' rel='external'>Dewslider</a></strong>. Il permet d'utiliser tous les paramètres possibles du lecteur. En voici quelques exemples :</p> <p><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> Transition <strong>"blur"</strong>.</p> <div class="flashcontentdewslider" style="text-align: center;"> <object type="application/x-shockwave-flash" data="plugins/msc_dewslider_1.05/modules/dewslider.swf?xml=plugins/msc_dewslider_1.05/xml/gallery_dewslider1.xml" width="300" height="200"> <param name="movie" value="plugins/msc_dewslider_1.05/modules/dewslider.swf?xml=plugins/msc_dewslider_1.05/xml/gallery_dewslider1.xml" /> <param name="WMODE" value="transparent" /> </object> </div> <p><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> Transition <strong>"slide"</strong>.</p> <div class="flashcontentdewslider" style="text-align: center;"> <object type="application/x-shockwave-flash" data="plugins/msc_dewslider_1.05/modules/dewslider.swf?xml=plugins/msc_dewslider_1.05/xml/gallery_dewslider2.xml" width="300" height="200"> <param name="movie" value="plugins/msc_dewslider_1.05/modules/dewslider.swf?xml=plugins/msc_dewslider_1.05/xml/gallery_dewslider2.xml" /> <param name="WMODE" value="transparent" /> </object> </div> <p><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> Transition <strong>"pop"</strong>.</p> <div class="flashcontentdewslider" style="text-align: center;"> <object type="application/x-shockwave-flash" data="plugins/msc_dewslider_1.05/modules/dewslider.swf?xml=plugins/msc_dewslider_1.05/xml/gallery_dewslider3.xml" width="300" height="200"> <param name="movie" value="plugins/msc_dewslider_1.05/modules/dewslider.swf?xml=plugins/msc_dewslider_1.05/xml/gallery_dewslider3.xml" /> <param name="WMODE" value="transparent" /> </object> </div> <p><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> Diaporama <strong>avec boutons et titres</strong>, transition <strong>"fade"</strong>. En utilisant les boutons, on peut mettre en pause le diaporama, ou bien le relancer, ou revenir en arrière. Si on arrête le mode diaporama, on peut passer d'une image à l'autre en cliquant directement dessus (pas sur les boutons).</p> <div class="flashcontentdewslider" style="text-align: center;"> <object type="application/x-shockwave-flash" data="plugins/msc_dewslider_1.05/modules/dewslider.swf?xml=plugins/msc_dewslider_1.05/xml/gallery_dewslider4.xml" width="300" height="200"> <param name="movie" value="plugins/msc_dewslider_1.05/modules/dewslider.swf?xml=plugins/msc_dewslider_1.05/xml/gallery_dewslider4.xml" /> <param name="WMODE" value="transparent" /> </object> </div> <p>(L'ensemble des photos de cette page relève de la législation française et internationale sur le droit d'auteur et la propriété intellectuelle. Tous droits réservés.)</p></div> http://mysiteconcept.com/Plugin-Cycle http://mysiteconcept.com/Plugin-Cycle 2012-04-07T09:14:17Z text/html fr Jean-Yves Giraud Plugin Cycle - Ce plugin que j'ai créé pour SPIP utilise, au travers d'une syntaxe simple, le plugin jquery Cycle directement à l'intérieur des articles, rubriques ou brèves de SPIP. Il permet ainsi de créer facilement de jolis diaporamas qui illustreront les pages du site de manière plus vivante que de simples images statiques. En particulier, l'effet de fondu offre à l'oeil de l'internaute une impression d'animation sur la page sans que ce soit agressif, ce qui participe à la perception positive de (...) - <a href="http://mysiteconcept.com/-Mes-plugins-Multimedia-" rel="directory">Mes plugins Multimédia</a> <img class='spip_logos' alt="" align="right" src="http://mysiteconcept.com/local/cache-vignettes/L150xH113/arton19-d20db.jpg" width='150' height='113' style='height:113px;width:150px;' /> <div class='rss_texte'><h1>- Plugin Cycle -</h1> <p>Ce plugin que j'ai créé pour SPIP utilise, au travers d'une syntaxe simple, <strong><a href="http://jquery.malsup.com/cycle/" class='spip_out' rel='external'>le plugin jquery Cycle</a></strong> directement à l'intérieur des articles, rubriques ou brèves de SPIP. Il permet ainsi de créer facilement de jolis diaporamas qui illustreront les pages du site de manière plus vivante que de simples images statiques.</p> <p>En particulier, l'effet de fondu offre à l'oeil de l'internaute une impression d'animation sur la page sans que ce soit agressif, ce qui participe à la perception positive de la page visitée, mais aussi plus globalement du site.</p> <p>La plupart des paramètres et effets de base du plugin Cycle d'origine sont utilisables.</p> <p>Ce plugin présente les avantages suivants :</p> <p><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> Utilisation du javascript : il fonctionne donc sur <strong>tous les smartphones</strong>. <br /><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> Syntaxe simple : tous les paramètres sont optionnels et possèdent des valeurs par défaut. <br /><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> <strong>Redimensionnement automatique des images en fonction de la limite fixée par le squelette</strong>, comme dans le cas de l'intégration d'images individuelles (fonctionnement standard de SPIP). <br /><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> Possibilité de mettre des images de tailles différentes. <br /><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> Un grand nombre d'effets possibles.</p> <h3 class="spip">Liste des effets</h3> <center> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_fade"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9mYWRlIikuY3ljbGUoe2Z4OiJmYWRlIixzcGVlZDoxMDAwLHRpbWVvdXQ6MjAwMH0pOzwvc2NyaXB0Pg=="></div> </div> <p>fade (effet par défaut)</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_fadeZoom"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9mYWRlWm9vbSIpLmN5Y2xlKHtmeDoiZmFkZVpvb20iLHNwZWVkOjEwMDAsdGltZW91dDoyMDAwfSk7PC9zY3JpcHQ+"></div> </div> <p>fadeZoom</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_blindX"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9ibGluZFgiKS5jeWNsZSh7Zng6ImJsaW5kWCIsc3BlZWQ6MTAwMCx0aW1lb3V0OjIwMDB9KTs8L3NjcmlwdD4="></div> </div> <p>blindX</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_blindY"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9ibGluZFkiKS5jeWNsZSh7Zng6ImJsaW5kWSIsc3BlZWQ6MTAwMCx0aW1lb3V0OjIwMDB9KTs8L3NjcmlwdD4="></div> </div> <p>blindY</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_blindZ"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9ibGluZFoiKS5jeWNsZSh7Zng6ImJsaW5kWiIsc3BlZWQ6MTAwMCx0aW1lb3V0OjIwMDB9KTs8L3NjcmlwdD4="></div> </div> <p>blindZ</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_cover"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9jb3ZlciIpLmN5Y2xlKHtmeDoiY292ZXIiLHNwZWVkOjEwMDAsdGltZW91dDoyMDAwfSk7PC9zY3JpcHQ+"></div> </div> <p>cover</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_uncover"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV91bmNvdmVyIikuY3ljbGUoe2Z4OiJ1bmNvdmVyIixzcGVlZDoxMDAwLHRpbWVvdXQ6MjAwMH0pOzwvc2NyaXB0Pg=="></div> </div> <p>uncover</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_curtainX"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9jdXJ0YWluWCIpLmN5Y2xlKHtmeDoiY3VydGFpblgiLHNwZWVkOjEwMDAsdGltZW91dDoyMDAwfSk7PC9zY3JpcHQ+"></div> </div> <p>curtainX</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_curtainY"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9jdXJ0YWluWSIpLmN5Y2xlKHtmeDoiY3VydGFpblkiLHNwZWVkOjEwMDAsdGltZW91dDoyMDAwfSk7PC9zY3JpcHQ+"></div> </div> <p>curtainY</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_growX"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9ncm93WCIpLmN5Y2xlKHtmeDoiZ3Jvd1giLHNwZWVkOjEwMDAsdGltZW91dDoyMDAwfSk7PC9zY3JpcHQ+"></div> </div> <p>growX</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_growY"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9ncm93WSIpLmN5Y2xlKHtmeDoiZ3Jvd1kiLHNwZWVkOjEwMDAsdGltZW91dDoyMDAwfSk7PC9zY3JpcHQ+"></div> </div> <p>growY</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_scrollUp"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9zY3JvbGxVcCIpLmN5Y2xlKHtmeDoic2Nyb2xsVXAiLHNwZWVkOjEwMDAsdGltZW91dDoyMDAwfSk7PC9zY3JpcHQ+"></div> </div> <p>scrollUp</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_scrollDown"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9zY3JvbGxEb3duIikuY3ljbGUoe2Z4OiJzY3JvbGxEb3duIixzcGVlZDoxMDAwLHRpbWVvdXQ6MjAwMH0pOzwvc2NyaXB0Pg=="></div> </div> <p>scrollDown</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_scrollLeft"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9zY3JvbGxMZWZ0IikuY3ljbGUoe2Z4OiJzY3JvbGxMZWZ0IixzcGVlZDoxMDAwLHRpbWVvdXQ6MjAwMH0pOzwvc2NyaXB0Pg=="></div> </div> <p>scrollLeft</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_scrollRight"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9zY3JvbGxSaWdodCIpLmN5Y2xlKHtmeDoic2Nyb2xsUmlnaHQiLHNwZWVkOjEwMDAsdGltZW91dDoyMDAwfSk7PC9zY3JpcHQ+"></div> </div> <p>scrollRight</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_scrollHorz"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9zY3JvbGxIb3J6IikuY3ljbGUoe2Z4OiJzY3JvbGxIb3J6IixzcGVlZDoxMDAwLHRpbWVvdXQ6MjAwMH0pOzwvc2NyaXB0Pg=="></div> </div> <p>scrollHorz</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_scrollVert"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9zY3JvbGxWZXJ0IikuY3ljbGUoe2Z4OiJzY3JvbGxWZXJ0IixzcGVlZDoxMDAwLHRpbWVvdXQ6MjAwMH0pOzwvc2NyaXB0Pg=="></div> </div> <p>scrollVert</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_shuffle"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9zaHVmZmxlIikuY3ljbGUoe2Z4OiJzaHVmZmxlIixzcGVlZDoxMDAwLHRpbWVvdXQ6MjAwMH0pOzwvc2NyaXB0Pg=="></div> </div> <p>shuffle</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_toss"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV90b3NzIikuY3ljbGUoe2Z4OiJ0b3NzIixzcGVlZDoxMDAwLHRpbWVvdXQ6MjAwMH0pOzwvc2NyaXB0Pg=="></div> </div> <p>toss</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_slideX"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9zbGlkZVgiKS5jeWNsZSh7Zng6InNsaWRlWCIsc3BlZWQ6MTAwMCx0aW1lb3V0OjIwMDB9KTs8L3NjcmlwdD4="></div> </div> <p>slideX</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_slideY"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV9zbGlkZVkiKS5jeWNsZSh7Zng6InNsaWRlWSIsc3BlZWQ6MTAwMCx0aW1lb3V0OjIwMDB9KTs8L3NjcmlwdD4="></div> </div> <p>slideY</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_turnUp"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV90dXJuVXAiKS5jeWNsZSh7Zng6InR1cm5VcCIsc3BlZWQ6MTAwMCx0aW1lb3V0OjIwMDB9KTs8L3NjcmlwdD4="></div> </div> <p>turnUp</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_turnDown"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV90dXJuRG93biIpLmN5Y2xlKHtmeDoidHVybkRvd24iLHNwZWVkOjEwMDAsdGltZW91dDoyMDAwfSk7PC9zY3JpcHQ+"></div> </div> <p>turnDown</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_turnLeft"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV90dXJuTGVmdCIpLmN5Y2xlKHtmeDoidHVybkxlZnQiLHNwZWVkOjEwMDAsdGltZW91dDoyMDAwfSk7PC9zY3JpcHQ+"></div> </div> <p>turnLeft</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_turnRight"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV90dXJuUmlnaHQiKS5jeWNsZSh7Zng6InR1cm5SaWdodCIsc3BlZWQ6MTAwMCx0aW1lb3V0OjIwMDB9KTs8L3NjcmlwdD4="></div> </div> <p>turnRight</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_wipe"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV93aXBlIikuY3ljbGUoe2Z4OiJ3aXBlIixzcGVlZDoxMDAwLHRpbWVvdXQ6MjAwMH0pOzwvc2NyaXB0Pg=="></div> </div> <p>wipe</p> <div class="cycle_container" style="text-align: center;"> <div class="cycle" id="cycle_id_cycle_zoom"> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_001-4e8ad.jpg" title="Une fleur" alt="plugin_cycle_001" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_002-118fa.jpg" title="Café sous la neige" alt="plugin_cycle_002" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_003-034e3.jpg" title="Du vent sur les crêtes" alt="plugin_cycle_003" width='300' height='200' style='height:200px;width:300px;' /></span> <span><img src="http://mysiteconcept.com/local/cache-vignettes/L300xH200/plugin_cycle_004-b979a.jpg" title="Andalousie..." alt="plugin_cycle_004" width='300' height='200' style='height:200px;width:300px;' /></span> </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPiQoIiNjeWNsZV9pZF9jeWNsZV96b29tIikuY3ljbGUoe2Z4OiJ6b29tIixzcGVlZDoxMDAwLHRpbWVvdXQ6MjAwMH0pOzwvc2NyaXB0Pg=="></div> </div> <p>zoom</p> </center> <p><i>(L'ensemble des photos de cette page relève de la législation française et internationale sur le droit d'auteur et la propriété intellectuelle. Tous droits réservés.)</i></p></div> http://mysiteconcept.com/Tiltviewer http://mysiteconcept.com/Tiltviewer 2010-02-03T22:16:58Z text/html fr Jean-Yves Giraud - Tiltviewer - Incontestablement, c'est le plus "fun". On peut "zoomer" sur les images en cliquant dessus et même les retourner pour lire la description de l'image. MultiViewer nécessite JavaScript et le lecteur Flash. - <a href="http://mysiteconcept.com/-Plugin-Multiviewer-" rel="directory">Plugin Multiviewer</a> <img class='spip_logos' alt="" align="right" src="http://mysiteconcept.com/local/cache-vignettes/L150xH113/arton15-10e5f.jpg" width='150' height='113' style='height:113px;width:150px;' /> <div class='rss_texte'><h1>- Tiltviewer -</h1> <p>Incontestablement, c'est <strong>le plus "fun"</strong>. On peut "zoomer" sur les images en cliquant dessus et même les retourner pour lire la description de l'image.</p> <div style="text-align:center;"> <div id="flashcontenttiltviewer"> MultiViewer nécessite JavaScript et <a href="http://www.macromedia.com/go/getflashplayer/">le lecteur Flash</a>. </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgogICAgdmFyIGZvdGlsdHZpZXdlciA9IG5ldyBTV0ZPYmplY3QoInBsdWdpbnMvbXVsdGl2aWV3ZXJfanlnX3YxLjAuMy8vbW9kdWxlcy9UaWx0Vmlld2VyLWZyZWUuc3dmIiwgInZpZXdlcnRpbHR2aWV3ZXIiLCAiNzAwIiwgIjUwMCIsICI4IiwgIiNGRkZGRkYiKTsKICAgIGZvdGlsdHZpZXdlci5hZGRWYXJpYWJsZSgieG1sVVJMIiwgInBsdWdpbnMvbXVsdGl2aWV3ZXJfanlnX3YxLjAuMy94bWwvZ2FsbGVyeV90aWx0dmlld2VyLnhtbCIpOwogICAgZm90aWx0dmlld2VyLmFkZFZhcmlhYmxlKCJ1c2VGbGlja3IiLCAiZmFsc2UiKTsKICAgIGZvdGlsdHZpZXdlci5hZGRWYXJpYWJsZSgidXNlUmVsb2FkQnV0dG9uIiwgInRydWUiKTsKICAgIGZvdGlsdHZpZXdlci5hZGRWYXJpYWJsZSgic2hvd0ZsaXBCdXR0b24iLCAidHJ1ZSIpOwogICAgZm90aWx0dmlld2VyLmFkZFZhcmlhYmxlKCJzaG93TGlua0J1dHRvbiIsICJ0cnVlIik7CiAgICBmb3RpbHR2aWV3ZXIuYWRkVmFyaWFibGUoImNvbHVtbnMiLCAiNSIpOwogICAgZm90aWx0dmlld2VyLmFkZFZhcmlhYmxlKCJyb3dzIiwgIjUiKTsKICAgIGZvdGlsdHZpZXdlci5hZGRWYXJpYWJsZSgibGlua0xhYmVsIiwgImdvIHRvIEZsaWNrciBwYWdlIik7CiAgICBmb3RpbHR2aWV3ZXIuYWRkVmFyaWFibGUoImZyYW1lQ29sb3IiLCAiMHhDMUM0QzciKTsKICAgIGZvdGlsdHZpZXdlci5hZGRWYXJpYWJsZSgiYmFja0NvbG9yIiwgIjB4RkZGRkZGIik7CiAgICBmb3RpbHR2aWV3ZXIuYWRkVmFyaWFibGUoImJrZ25kSW5uZXJDb2xvciIsICIweEZGRkZGRiIpOwogICAgZm90aWx0dmlld2VyLmFkZFZhcmlhYmxlKCJia2duZE91dGVyQ29sb3IiLCAiMHhGRkZGRkYiKTsKICAgIGZvdGlsdHZpZXdlci5hZGRWYXJpYWJsZSgibGFuZ0dvRnVsbCIsICJHbyBGdWxsc2NyZWVuIik7CiAgICBmb3RpbHR2aWV3ZXIuYWRkVmFyaWFibGUoImxhbmdFeGl0RnVsbCIsICJFeGl0IEZ1bGxzY3JlZW4iKTsKICAgIGZvdGlsdHZpZXdlci5hZGRWYXJpYWJsZSgibGFuZ0Fib3V0IiwgIkFib3V0Iik7CiAgICBmb3RpbHR2aWV3ZXIuYWRkVmFyaWFibGUoInVzZXJfaWQiLCAiNDg1MDg5NjhATjAwIik7CiAgICBmb3RpbHR2aWV3ZXIuYWRkVmFyaWFibGUoInRhZ3MiLCAianVtcCxzbWlsZSIpOwogICAgZm90aWx0dmlld2VyLmFkZFZhcmlhYmxlKCJ0YWdfbW9kZSIsICJhbnkiKTsKICAgIGZvdGlsdHZpZXdlci5hZGRWYXJpYWJsZSgic2hvd1Rha2VuQnlUZXh0IiwgInRydWUiKTsKICAgIGZvdGlsdHZpZXdlci53cml0ZSgiZmxhc2hjb250ZW50dGlsdHZpZXdlciIpOwo8L3NjcmlwdD4="></div> </div> <p>(L'ensemble des photos de cette page relève de la législation française et internationale sur le droit d'auteur et la propriété intellectuelle. Tous droits réservés.)</p></div> http://mysiteconcept.com/Plugin-Thickbox http://mysiteconcept.com/Plugin-Thickbox 2010-02-03T22:16:22Z text/html fr Jean-Yves Giraud - Plugin Thickbox - Ce plugin est une version adaptée du plugin original Thickbox. Contrairement aux autres, il n'utilise pas de lecteur Flash, mais un javascript. Il permet de créer un album photo combiné avec diaporama directement à partir du portfolio de SPIP. Il suffit donc d'ajouter des images au portfolio d'un article pour qu'elles soient prises en charge par le plugin. Très pratique pour faire un album photo sans se casser la tête... (L'ensemble des photos de cette page relève de la (...) - <a href="http://mysiteconcept.com/-Mes-plugins-Multimedia-" rel="directory">Mes plugins Multimédia</a> <img class='spip_logos' alt="" align="right" src="http://mysiteconcept.com/local/cache-vignettes/L150xH113/arton8-55df6.jpg" width='150' height='113' style='height:113px;width:150px;' /> <div class='rss_texte'><h1>- Plugin Thickbox -</h1> <p>Ce plugin est une version adaptée du plugin original <strong><a href="http://www.spip-contrib.net/Plugin-Thickbox" class='spip_out' rel='external'>Thickbox</a></strong>. Contrairement aux autres, il n'utilise pas de lecteur Flash, mais un javascript.</p> <p>Il permet de créer un <strong>album photo combiné avec diaporama</strong> directement à partir du portfolio de SPIP. Il suffit donc d'ajouter des images au portfolio d'un article pour qu'elles soient prises en charge par le plugin. <strong>Très pratique pour faire un album photo sans se casser la tête...</strong></p> <p>(L'ensemble des photos de cette page relève de la législation française et internationale sur le droit d'auteur et la propriété intellectuelle. Tous droits réservés.)</p> <center><i>Cliquez sur les photos pour les agrandir.</i></center></div> http://mysiteconcept.com/Postcardviewer http://mysiteconcept.com/Postcardviewer 2010-02-03T22:04:24Z text/html fr Jean-Yves Giraud - Postcardviewer - Des cartes postales jetées sur une table. On les agrandit en cliquant dessus, on peut ensuite utiliser les flèches du clavier pour passer d'une image à l'autre. MultiViewer nécessite JavaScript et le lecteur Flash. (L'ensemble des photos de cette page relève de la législation française et internationale sur le droit d'auteur et la propriété intellectuelle. Tous droits (...) - <a href="http://mysiteconcept.com/-Plugin-Multiviewer-" rel="directory">Plugin Multiviewer</a> <img class='spip_logos' alt="" align="right" src="http://mysiteconcept.com/local/cache-vignettes/L150xH113/arton14-f7e4f.jpg" width='150' height='113' style='height:113px;width:150px;' /> <div class='rss_texte'><h1>- Postcardviewer -</h1> <p>Des <strong>cartes postales jetées sur une table</strong>. On les agrandit en cliquant dessus, on peut ensuite utiliser les flèches du clavier pour passer d'une image à l'autre.</p> <div style="text-align:center;"> <div id="flashcontentpostcard"> MultiViewer nécessite JavaScript et <a href="http://www.macromedia.com/go/getflashplayer/">le lecteur Flash</a>. </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgogICAgdmFyIGZvcG9zdGNhcmQgPSBuZXcgU1dGT2JqZWN0KCJwbHVnaW5zL211bHRpdmlld2VyX2p5Z192MS4wLjMvL21vZHVsZXMvdmlld2VyLXBvc3RjYXJkLWZyZWUuc3dmIiwgInZpZXdlcnBvc3RjYXJkIiwgIjcwMCIsICI1MDAiLCAiOCIsICJ0cmFuc3BhcmVudCIpOwogICAgZm9wb3N0Y2FyZC5hZGRWYXJpYWJsZSgieG1sVVJMIiwgInBsdWdpbnMvbXVsdGl2aWV3ZXJfanlnX3YxLjAuMy94bWwvZ2FsbGVyeV9wb3N0Y2FyZC54bWwiKTsKICAgIGZvcG9zdGNhcmQuYWRkVmFyaWFibGUoImxhbmdPcGVuSW1hZ2UiLCAiT3BlbiBJbWFnZSBpbiBOZXcgV2luZG93Iik7CiAgICBmb3Bvc3RjYXJkLmFkZFZhcmlhYmxlKCJsYW5nQWJvdXQiLCAiQWJvdXQiKTsKICAgIGZvcG9zdGNhcmQuYWRkUGFyYW0oIndtb2RlIiwgInRyYW5zcGFyZW50Iik7CiAgICBmb3Bvc3RjYXJkLndyaXRlKCJmbGFzaGNvbnRlbnRwb3N0Y2FyZCIpOwo8L3NjcmlwdD4="></div> <!-- X --> </div> <p>(L'ensemble des photos de cette page relève de la législation française et internationale sur le droit d'auteur et la propriété intellectuelle. Tous droits réservés.)</p></div> http://mysiteconcept.com/Autoviewer http://mysiteconcept.com/Autoviewer 2010-02-03T22:01:31Z text/html fr Jean-Yves Giraud - Autoviewer - Lecteur avec mode diaporama. Quand on passe la souris sur l'image, trois boutons apparaissent : flèche gauche (image précédente), lecture/arrêt (lancement/arrêt du mode diaporama), flèche droite (image suivante). MultiViewer nécessite JavaScript et le lecteur Flash. (L'ensemble des photos de cette page relève de la législation française et internationale sur le droit d'auteur et la propriété intellectuelle. Tous droits (...) - <a href="http://mysiteconcept.com/-Plugin-Multiviewer-" rel="directory">Plugin Multiviewer</a> <img class='spip_logos' alt="" align="right" src="http://mysiteconcept.com/local/cache-vignettes/L150xH113/arton13-1d2c8.jpg" width='150' height='113' style='height:113px;width:150px;' /> <div class='rss_texte'><h1>- Autoviewer -</h1> <p>Lecteur avec <strong>mode diaporama</strong>. Quand on passe la souris sur l'image, trois boutons apparaissent : flèche gauche (image précédente), lecture/arrêt (lancement/arrêt du mode diaporama), flèche droite (image suivante).</p> <div style="text-align:center;"> <div id="flashcontentautoviewer"> MultiViewer nécessite JavaScript et <a href="http://www.macromedia.com/go/getflashplayer/">le lecteur Flash</a>. </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgogICAgdmFyIGZvYXV0b3ZpZXdlciA9IG5ldyBTV0ZPYmplY3QoInBsdWdpbnMvbXVsdGl2aWV3ZXJfanlnX3YxLjAuMy8vbW9kdWxlcy9hdXRvdmlld2VyLWZyZWUuc3dmIiwgInZpZXdlcmF1dG92aWV3ZXIiLCAiNzAwIiwgIjUwMCIsICI4IiwgInRyYW5zcGFyZW50Iik7CiAgICBmb2F1dG92aWV3ZXIuYWRkVmFyaWFibGUoInhtbFVSTCIsICJwbHVnaW5zL211bHRpdmlld2VyX2p5Z192MS4wLjMveG1sL2dhbGxlcnlfYXV0b3ZpZXdlci54bWwiKTsKICAgIGZvYXV0b3ZpZXdlci5hZGRWYXJpYWJsZSgibGFuZ09wZW5JbWFnZSIsICJPcGVuIEltYWdlIGluIE5ldyBXaW5kb3ciKTsKICAgIGZvYXV0b3ZpZXdlci5hZGRWYXJpYWJsZSgibGFuZ0Fib3V0IiwgIkFib3V0Iik7CiAgICBmb2F1dG92aWV3ZXIuYWRkUGFyYW0oIndtb2RlIiwgInRyYW5zcGFyZW50Iik7CiAgICBmb2F1dG92aWV3ZXIud3JpdGUoImZsYXNoY29udGVudGF1dG92aWV3ZXIiKTsKPC9zY3JpcHQ+"></div> </div> <p>(L'ensemble des photos de cette page relève de la législation française et internationale sur le droit d'auteur et la propriété intellectuelle. Tous droits réservés.)</p></div>  http://mysiteconcept.com/Simpleviewer http://mysiteconcept.com/Simpleviewer 2010-02-03T21:59:26Z text/html fr Jean-Yves Giraud - Simpleviewer - Lecteur avec vignettes + affichage agrandi de la vignette sélectionnée. MultiViewer nécessite JavaScript et le lecteur Flash. (L'ensemble des photos de cette page relève de la législation française et internationale sur le droit d'auteur et la propriété intellectuelle. Tous droits réservés.) - <a href="http://mysiteconcept.com/-Plugin-Multiviewer-" rel="directory">Plugin Multiviewer</a> <img class='spip_logos' alt="" align="right" src="http://mysiteconcept.com/local/cache-vignettes/L150xH113/arton12-0cde2.jpg" width='150' height='113' style='height:113px;width:150px;' /> <div class='rss_texte'><h1>- Simpleviewer -</h1> <p>Lecteur avec <strong>vignettes + affichage agrandi</strong> de la vignette sélectionnée.</p> <div style="text-align:center;"> <div id="flashcontentsimpleviewer"> MultiViewer nécessite JavaScript et <a href="http://www.macromedia.com/go/getflashplayer/">le lecteur Flash</a>. </div> <div class="base64javascript2197165464fc71c921ce406.59455549" title="PHNjcmlwdCB0eXBlPSJ0ZXh0L2phdmFzY3JpcHQiPgogICAgdmFyIGZvc2ltcGxldmlld2VyID0gbmV3IFNXRk9iamVjdCgicGx1Z2lucy9tdWx0aXZpZXdlcl9qeWdfdjEuMC4zLy9tb2R1bGVzL3NpbXBsZXZpZXdlci1mcmVlLnN3ZiIsICJ2aWV3ZXJzaW1wbGV2aWV3ZXIiLCAiNzAwIiwgIjYwMCIsICI4IiwgInRyYW5zcGFyZW50Iik7CiAgICBmb3NpbXBsZXZpZXdlci5hZGRWYXJpYWJsZSgieG1sRGF0YVBhdGgiLCAicGx1Z2lucy9tdWx0aXZpZXdlcl9qeWdfdjEuMC4zL3htbC9nYWxsZXJ5X3NpbXBsZXZpZXdlci54bWwiKTsKICAgIGZvc2ltcGxldmlld2VyLmFkZFZhcmlhYmxlKCJsYW5nT3BlbkltYWdlIiwgIidPcGVuIEltYWdlIGluIE5ldyBXaW5kb3cnIik7CiAgICBmb3NpbXBsZXZpZXdlci5hZGRWYXJpYWJsZSgibGFuZ0Fib3V0IiwgIidBYm91dCciKTsKICAgIGZvc2ltcGxldmlld2VyLmFkZFZhcmlhYmxlKCJwcmVsb2FkZXJDb2xvciIsICIweEZGRkZGRiIpOwogICAgZm9zaW1wbGV2aWV3ZXIuYWRkUGFyYW0oIndtb2RlIiwgInRyYW5zcGFyZW50Iik7CiAgICBmb3NpbXBsZXZpZXdlci53cml0ZSgiZmxhc2hjb250ZW50c2ltcGxldmlld2VyIik7Cjwvc2NyaXB0Pg=="></div> </div> <p>(L'ensemble des photos de cette page relève de la législation française et internationale sur le droit d'auteur et la propriété intellectuelle. Tous droits réservés.)</p></div> http://mysiteconcept.com/Plugin-MP3-FLV-player http://mysiteconcept.com/Plugin-MP3-FLV-player 2010-02-03T21:50:17Z text/html fr Jean-Yves Giraud - Plugin MP3 FLV player (audio et vidéo) - J'ai créé un plugin qui prend en charge avec un lecteur Flash adapté les documents attachés à un article s'ils sont aux formats MP3 (audio) ou FLV (vidéo), qui sont sans doute les formats les plus courants sur le Web. Audio au format MP3 : lecteur flash Audio-Player. Exemple audio Vidéo au format FLV : lecteur flash FLV-Maxi. BanjEdriO Mon ami Edrio essaye son nouveau banjo. Retrouvez-le sur son MySpace : (...) - <a href="http://mysiteconcept.com/-Mes-plugins-Multimedia-" rel="directory">Mes plugins Multimédia</a> <img class='spip_logos' alt="" align="right" src="http://mysiteconcept.com/local/cache-vignettes/L150xH113/arton9-d77a4.jpg" width='150' height='113' style='height:113px;width:150px;' /> <div class='rss_texte'><h1>- Plugin MP3 FLV player (audio et vidéo) -</h1> <p>J'ai créé un plugin qui prend en charge avec un lecteur Flash adapté les documents attachés à un article s'ils sont aux formats <strong>MP3 (audio) ou FLV (vidéo)</strong>, qui sont sans doute les formats les plus courants sur le Web.</p> <p><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> <strong>Audio au format MP3</strong> : lecteur flash <strong><a href="http://www.1pixelout.net/code/audio-player-wordpress-plugin/" class='spip_out' rel='external'>Audio-Player</a></strong>.</p> <dl class='spip_document_62 spip_documents spip_documents_center'> <dt class='spip_doc_titre' style='width:200px;'><strong>Exemple audio</strong></dt> <dd class='spip_doc_descriptif' style='width:200px;'> <object type="application/x-shockwave-flash" data="plugins/msc_MP3_FLV_Player_1.01/player_mp3.swf" width="200" height="20"> <param name="movie" value="plugins/msc_MP3_FLV_Player_1.01/player_mp3.swf" /> <param name="FlashVars" value="soundFile=http://mysiteconcept.com/IMG/mp3/Exemple.mp3" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> </object> </dd> </dl> <p><img src="http://mysiteconcept.com/local/cache-vignettes/L13xH14/puce-28c95.gif" width='13' height='14' class='puce' alt="-" style='height:14px;width:13px;' /> <strong>Vidéo au format FLV</strong> : lecteur flash <strong><a href="http://flv-player.net/fr/players/maxi/" class='spip_out' rel='external'>FLV-Maxi</a></strong>.</p> <dl class='spip_document_65 spip_documents spip_documents_center'> <dt class='spip_doc_titre'> <object type="application/x-shockwave-flash" data="plugins/msc_MP3_FLV_Player_1.01/player_flv_maxi.swf" width="400" height="300"> <param name="movie" value="plugins/msc_MP3_FLV_Player_1.01/player_flv_maxi.swf" /> <param name="FlashVars" value="flv=http://mysiteconcept.com/IMG/flv/BanjEdriO.flv&width=400&height=300&bgcolor1=ffffff&bgcolor2=cccccc&buttoncolor=999999&buttonovercolor=0&slidercolor1=cccccc&slidercolor2=999999&sliderovercolor=666666&textcolor=0&showstop=1&showiconplay=1&showtime=2&showvolume=1&showplayer=always&title=BanjEdriO &startimage=IMG/jpg/BanjEdrio.jpg&ondoubleclick=fullscreen&showfullscreen=1&autoplay=0" /> <param name="allowFullScreen" value="true" /> <param name="wmode" value="transparent" /> <strong>BanjEdriO</strong> </object> </dt> <dd class='spip_doc_descriptif' style='width:400px;'>Mon ami <strong>Edrio</strong> essaye son nouveau banjo. Retrouvez-le sur son MySpace : <a href="http://www.myspace.com/edrio" class='spip_out' rel='external'>http://www.myspace.com/edrio</a>. <br />Merci à lui pour cette petite vidéo et ce talent... </dd> </dl></div>