Bonjour à tous,
j'utilise le thème Maitscobusiness sur le site
www.la-maison-allemande.fr.
Ce thème propose un slideshow dans le header.
Le slideshow fonctionne correctement, mais il met du temps à s'initialiser.
En effet, lorsque l'on arrive sur le site, on a un header blanc pendant environ 3 secondes avant d'avoir la première image du slideshow. Ensuite tout se déroule normalement.
Le même problème apparait lorsque l'on change de page.
Voici le code du slideshow qui se trouve dans le theme.html , je ne sais pas quelle variable modifier ( si il s'agit de modifier cela)
<!-- RMV: added module header --> <{$xoops_module_header}> <{if $xoops_langcode == "ar"}> <link rel="stylesheet" type="text/css" media="screen" href="<{$xoops_imageurl}>rtl.css" /> <{/if}> <{if $xoops_dirname != "publisher"}> <script type="text/javascript" src="<{$xoops_imageurl}>js/jquery-1.2.6.min.js"></script> <{/if}> <script type="text/javascript"> function slideSwitch() { var $active = $('#slideshow IMG.active'); if ( $active.length == 0 ) $active = $('#slideshow IMG:last'); // use this to pull the images in the order they appear in the markup var $next = $active.next().length ? $active.next() : $('#slideshow IMG:first'); // uncomment the 3 lines below to pull the images in random order // var $sibs = $active.siblings(); // var rndNum = Math.floor(Math.random() * $sibs.length ); // var $next = $( $sibs[ rndNum ] ); $active.addClass('last-active'); $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, 2000, function() { $active.removeClass('active last-active'); }); } $(function() { setInterval( "slideSwitch()", 5000 ); }); </script>
Merci pour votre aide, bonne journée.