Diaporama avec affichage dans un ordre aléatoire

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.diamant-mandarin-evo.com/

Description du problème

Bonsoir à tous,

J'ai réalisé un diaporama avec ce tutoriel: https://forum.forumactif.com/t377148-creer-un-diaporama-images-defilantes?highlight=diaporama

Je souhaiterais que les photos s'affiche dans un ordre aléatoire, est-ce possible en modifiant le code?

Merci de votre aide.

[Invité]

Up

Bonne soirée.

[no_way]

Bonjour, peut-on avoir votre code actuel ?

[Invité]

Bonjour,

Le voici:

Code:

<style type="text/css">#rotator1433082509450 {height:148px;} #rotator1433082509450 a{position:absolute;background:transparent;border:0px solid transparent;padding:0px;} #rotator1433082509450 img { height:148px;width:190px; }</style>
<div id="rotator1433082509450">
           <a id="itemActif1433082509450" style="z-index:999" href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen16.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/24664310.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/15/93/26/nzc_ve12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/agaat-11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/blackf11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/grijs-11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/isabel11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/oranje10.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/pastel14.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen13.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/pastel12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen14.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/pastel16.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen11.png" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/img_5810.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh10.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen15.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen17.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen18.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/11490313.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/masker13.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/img_6310.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen19.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh13.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen21.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen12.png" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_ve17.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen23.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/zwartw11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen24.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen13.png" alt="" /></a><a href="#" title="" target="_blank"><img src="http://2img.net/i/fa/empty.gif" alt="" /></a>
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1433082509450"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {var a = document.getElementById("itemActif1433082509450"), n = jQuery(a).next()[0] || l[0]; if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1433082509450";n.style.zIndex = 999})},5300)})();</script>

[no_way]

Remplacez-le par celui-ci:

Code:

        <style type="text/css">#rotator1433082509450 {height:148px;} #rotator1433082509450 a{position:absolute;background:transparent;border:0px solid transparent;padding:0px;} #rotator1433082509450 img { height:148px;width:190px; }</style>       
<div id="rotator1433082509450"><a id="itemActif1433082509450" style="z-index:999" href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen16.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/24664310.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/15/93/26/nzc_ve12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/agaat-11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/blackf11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/grijs-11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/isabel11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/oranje10.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/pastel14.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen13.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/pastel12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen14.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/pastel16.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen11.png" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/img_5810.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh10.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen15.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen17.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen18.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/11490313.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/masker13.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/img_6310.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen19.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh13.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen21.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen12.png" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_ve17.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen23.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/zwartw11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen24.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen13.png" alt="" /></a><a href="#" title="" target="_blank"><img src="http://2img.net/i/fa/empty.gif" alt="" /></a>       
</div><script type="text/javascript">(function(){var r = document.getElementById("rotator1433082509450"), l = r.getElementsByTagName("A"), rotate = window.setInterval(function() {
var a = document.getElementById("itemActif1433082509450"),rand=function(r){return r[parseInt(r.length*Math.random())]}, n =rand(jQuery("a",r)); if (!a) return window.clearInterval(rotate); n.style.opacity = 1;n.style.zIndex = 998;jQuery(a).animate({"opacity":0},800,"linear",function() {a.id = "";a.style.zIndex = "";n.id = "itemActif1433082509450";n.style.zIndex = 999})},5300)})();</script>

[Invité]

Super! merci

Juste une chose, la première reste la même, peut on aussi la rendre aléatoire?

[no_way]

Je vous fais ça pour demain, j'éditerai ce message
Edit:

Code:

<style type="text/css">#rotator1433082509450 {height:148px;} #rotator1433082509450 a{position:absolute;background:transparent;border:0px solid transparent;padding:0px;} #rotator1433082509450 img { height:148px;width:190px; }</style><div id="rotator1433082509450"><a style="z-index:999" href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen16.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/24664310.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/19/15/93/26/nzc_ve12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/agaat-11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/blackf11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/grijs-11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/isabel11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/oranje10.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/pastel14.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen13.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/pastel12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen14.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/pastel16.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen11.png" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/img_5810.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh10.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen15.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen17.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen18.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/11490313.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/masker13.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/img_6310.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh12.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen19.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_sh13.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen21.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen12.png" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/nzc_ve17.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen23.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/zwartw11.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen24.jpg" alt="" /></a><a href="#" title="" target="_blank"><img src="http://i19.servimg.com/u/f19/18/66/91/59/veenen13.png" alt="" /></a></div><script type="text/javascript">(function(){var r = jQuery("#rotator1433082509450"),rand=function(r){var p;r.each(function(){this.id="";this.style.zIndex=""});p=r[parseInt(r.length*Math.random())];p.id="itemActif1433082509450";return p},l=jQuery("a",r) ,rotate = window.setInterval(function() {var a=jQuery("#itemActif1433082509450"), n =jQuery(rand(l)); if (!a) return window.clearInterval(rotate);a.css({"z-index":999,"opacity":1});n.css({"z-index":998,"opacity":1});a.animate({"opacity":0},800,"linear",function() {a[0].style.zIndex="";})},5300),p=!jQuery("#itemActif1433082509450").length&&jQuery(rand(l)).css({"z-index":999,"opacity":1});})();</script>

[Invité]

Ok, merci encore

Bonne soirée, Tony

[Invité]

Bonjour no_way,

Yes! parfait

Bon dimanche