Je suis un boulet !!!!!!!!
J'avais tout simplement oublié de mettre les codes suivants dans la page theme.html
<!-- Pour la transition des pages -->
<meta http-equiv="Page-Enter" content="revealtrans(duration=4, transition=23)" />
<meta http-equiv="Page-Exit" content="revealtrans(duration=4, transition=23)" />
<!-- Scripts -->
<script type="text/javascript" src="<{xoAppUrl jseffects/prototype/prototype.js}>"></script>
<script type="text/javascript" src="<{xoAppUrl jseffects/prototype/scriptaculous.js?load=effects}>"></script>
<script type="text/javascript" src="<{xoAppUrl jseffects/prototype/lightbox.js}>"></script>
<script type="text/javascript" src="<{xoAppUrl jseffects/highslide/lightbox.js}>"></script>
<script type="text/javascript" src="<{xoAppUrl jseffects/highslide/highslide.config.js charset="utf-8"}>"></script>
<script type="text/javascript" src="<{xoAppUrl jseffects/highslide/highslide-with-gallery.js}>"></script>
<!-- include jQuery librairy -->
<script type="text/javascript" src="<{xoAppUrl jseffects/slideshow/jquery.min.js}>"></script>
<!-- include Cycle Plugin -->
<script type="text/javascript" src="<{xoAppUrl jseffects/slideshow/jquery.cycle.all.2.74.js}>"></script>
<!-- Css des scripts -->
<link rel="stylesheet" type="text/css" media="screen" href="<{xoAppUrl jseffects/prototype/lightbox.css}>" />
<link rel="stylesheet" type="text/css" media="screen" href="<{xoAppUrl jseffects/highslide/highslide.css}>" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" media="screen" href="<{xoAppUrl jseffects/highslide/highslide-ie6.css}>" />
<![endif]-->
<!-- initialize the slideshow when the DOM is ready
<script type="text/javascript">
$(document).ready(function() {
$('.slideshow').cycle({
fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
});
});
</script>
-->