Beste Sitedealers!

Voor een project heb ik een plugin gebruikt om afbeeldingen over de gehele achtergrond te laten laden.
Wat de plugin alleen niet kan is om random afbeeldingen in een bepaalde volgorde te laten verschijnen.

Dit is de code:

Code:

$.vegas('slideshow', {
          backgrounds:[
            { src:'<?php bloginfo('stylesheet_directory'); ?>/images/bg1.jpg', fade:1000 },
            { src:'<?php bloginfo('stylesheet_directory'); ?>/images/bg2.jpg', fade:1000 },
            { src:'<?php bloginfo('stylesheet_directory'); ?>/images/bg3.jpg', fade:1000 },
            { src:'<?php bloginfo('stylesheet_directory'); ?>/images/bg4.jpg', fade:1000 },
            { src:'<?php bloginfo('stylesheet_directory'); ?>/images/bg5.jpg', fade:1000 },
            { src:'<?php bloginfo('stylesheet_directory'); ?>/images/bg6.jpg', fade:1000 },
            { src:'<?php bloginfo('stylesheet_directory'); ?>/images/bg7.jpg', fade:1000 },
            { src:'<?php bloginfo('stylesheet_directory'); ?>/images/bg8.jpg', fade:1000 }
          ]
        });

Zoals je ziet is het nu netjes op volgorde. Ik zoek dus eigenlijk een stukje (php of jquery) code om eventueel de nummers 1 tot en met 8, random (uniek, dus geen twee keer hetzelfde cijfer) te laten bepalen.
Weet iemand hoe dit kan of moet? Je zou echt mijn held of heldin zijn!

Alvast bedankt,

Groetjes,

Patrick

In PHP: http://php.net/manual/en/function.rand.php
En javascript: http://www.w3schools.com/jsref/jsref_random.asp

Met je random nummer kan je vervolgens een volgorde bepalen.

Array maken met nummers 1 - 8, en dan shufflen (bijv met Fisher-Yates)

Google geeft me in javascript

Code:

//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/array/shuffle [v1.0]
function shuffle(o){ //v1.0
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
    return o;
};

dus dan kan je als gehele code nemen

Code:

//+ Jonas Raoni Soares Silva
//@ http://jsfromhell.com/array/shuffle [v1.0]
function shuffle(o){ //v1.0
    for(var j, x, i = o.length; i; j = Math.floor(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
    return o;
};

var images = [1, 2, 3, 4, 5, 6, 7, 8];
images = shuffle(images);

var backgrounds = new Array();
for (i = 0; i < images.length, number = images[i]; i++) {
    backgrounds.push({src: '<?php bloginfo('stylesheet_directory'); ?>/images/bg'+ number +'.jpg', fade:1000});
}

$.vegas('slideshow', {
    backgrounds: backgrounds
});

Dankjewel Henk en vooral in het bijzonder Marten.
Je code heb ik gekopieerd en het werkte gewoon direct. Ik ben je heel dankbaar voor deze mooie oplossing, echt super!