Non seulement il est très réussi visuellement, et en plus il est gratuit

Pour la mise en place, il faut passer par la manipulation d’un fichier XML.

Rien de bien sorcier, il suffit de correctement assimiler la syntaxe qui n’est la traduction de « tu prend cette image, puis celle-ci en effectuant telle transition ».

Bon, ce qui donne quand même une structure de ce genre :

[xml]
<?xml version="1.0" encoding="utf-8" ?>
<cu3er>
<settings>
<prev_button></prev_button>
<prev_symbol></prev_symbol>
<next_button></next_button>
<next_symbol></next_symbol>
</settings>

<slides>
<slide>
<url>images/slide_1.jpg</url>
</slide>
<!– changing transition between first & second slide –>
<transition num="3" slicing="vertical" />
<slide>
<url>images/slide_2.jpg</url>
</slide>
<!– changing transition between second & third slide –>
<transition num="4" direction="right" shader="phong" />
<slide>
<url>images/slide_3.jpg</url>
</slide>
<!– transitions properties defined in transitions template –>
</slides>

</cu3er>
[/xml]

L’image suivante vous montre les « découpages » et transitions possibles :

Allez, je vous laisse regarder la documentation ainsi que les démos sur le site officiel.

Lien :

• cu3er

Les 2 fonctionnent avec le même objectif : remplacer un bloc par un objet flash (swf).

Le premier est sans doute le plus connu : SWFObject.

[html]
<script src="swfobject.js" type="text/javascript"></script>
<script type="text/javascript">
swfobject.embedSWF("myContent.swf", "myContent", "300", "120", "9.0.0");
</script>
[/html]

Le second se nomme FlashReplace.

[javascript]
<script src="js/FlashReplace.js" type="text/javascript"></script>
<script type="text/javascript">
FlashReplace.replace("flash-content", "/flash/my-movie.swf", "flash-element-id", 800, 200);
</script>
[/javascript]

A vous de choisir

Liens :

• FlashReplace
• SWFObject