Zufällig generierte Bilder

[djfabi]

Hallo :)

Ich suche ein Tutorial oder vllt. kann mir ja auch von euch weiter helfen.

Also ich suche 1 oder mehrere Script(e) ( D ) die mir bilder nebeneinander generieren. Die Bilder sollen aber nicht die gleichen sein.
Ich habe schonmal gegooglet aber ich habe nur diesen Script gefunden.

<script type="text/javascript">document.write('<img src="' + new Date().getTime() % 10 + '.gif">');
</script>
<noscript>
<img src="0.gif" alt="">
</noscript>

So das Problem:
Es funktioniert nicht, und es ist ja nur für ein Bild (wenn es funktioniern würde) ich könnte es (wenn es funktionieren würde) ja 2 mal nebeneinander machen aber dann könnten es ja 2 mal die gleichen sein.


Ich hoffe ihr könnt mir helfen :)

Danke im Vorraus

 

[threadi]

Die Frage gibt es sehr oft. Im Forum haben wir da z.B. hier eine passende Antwort:
http://www.html.de/javascript-ajax-...d-ohne-zuruecklegen-und-mit-beschreibung.html

Alternativ das nutzen was Du über die Suchmaschine deiner Wahl ebenso gut findest:
Zufallsbild mit JavaScript in Internetseite einbinden
Zufallsbild einbinden - Java Script - Coder Board Community

 

[djfabi]

Danke, es hat mir geholfen.

Aber jz habe ich noch ein Problem, ich habe den Code 2 mal genommen und ich will, das wenn man auf eins klickt, das sich dann beide bilder neu laden.

hier der code:

<script>            /*<![CDATA[*/


            $(function () {
                var images = [],
                    shuffle = function (array) {
                        var tmp, current, top = array.length;


                        if(top) while(--top) {
                            current = Math.floor(Math.random() * (top + 1));
                            tmp = array[current];
                            array[current] = array[top];
                            array[top] = tmp;
                        }


                        return array;
                    };




                images.push({
                    url: 'http://upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Michael_Zorc20110918.jpg/220px-Michael_Zorc20110918.jpg',
                    description: 'Michael Zorc'
                });
                images.push({
                    url: 'http://upload.wikimedia.org/wikipedia/commons/thumb/2/24/Michael_Meier.jpg/220px-Michael_Meier.jpg',
                    description: 'Michael Meier'
                });
                images.push({
                    url: 'http://upload.wikimedia.org/wikipedia/commons/thumb/1/19/Championship_celebration_Borussia_Dortmund_2011.jpg/220px-Championship_celebration_Borussia_Dortmund_2011.jpg',
                    description: 'Meisterfeier 2011'
                });
                images.push({
                    url: 'http://upload.wikimedia.org/wikipedia/commons/thumb/5/54/J%C3%BCrgen_Klopp_Saisonstart_01.jpg/220px-J%C3%BCrgen_Klopp_Saisonstart_01.jpg',
                    description: 'Jürgen Klopp'
                });


                images = shuffle(images);






                    $('.next').bind('click', function () {
                        if (images.length === 0) {


                            return;
                        }


                        var image = images.pop();


                        $('#image').attr('src', image.url);
                        $('#description').html(image.description);
                    });


                $('.next').trigger('click');
            });


            /*]]>*/
        </script>

<script>            /*<![CDATA[*/


            $(function () {
                var images2 = [],
                    shuffle = function (array) {
                        var tmp, current, top = array.length;


                        if(top) while(--top) {
                            current = Math.floor(Math.random() * (top + 1));
                            tmp = array[current];
                            array[current] = array[top];
                            array[top] = tmp;
                        }


                        return array;
                    };




                images2.push({
                    url: 'http://upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Michael_Zorc20110918.jpg/220px-Michael_Zorc20110918.jpg',
                    description2: 'Michael Zorc'
                });
                images2.push({
                    url: 'http://upload.wikimedia.org/wikipedia/commons/thumb/2/24/Michael_Meier.jpg/220px-Michael_Meier.jpg',
                    description2: 'Michael Meier'
                });
                images2.push({
                    url: 'http://upload.wikimedia.org/wikipedia/commons/thumb/1/19/Championship_celebration_Borussia_Dortmund_2011.jpg/220px-Championship_celebration_Borussia_Dortmund_2011.jpg',
                    description2: 'Meisterfeier 2011'
                });
                images2.push({
                    url: 'http://upload.wikimedia.org/wikipedia/commons/thumb/5/54/J%C3%BCrgen_Klopp_Saisonstart_01.jpg/220px-J%C3%BCrgen_Klopp_Saisonstart_01.jpg',
                    description2: 'Jürgen Klopp'
                });


                images2 = shuffle(images2);






                    $('.next').bind('click', function () {
                        if (images2.length === 0) {


                            return;
                        }


                        var image2 = images2.pop();


                        $('#image2').attr('src', image2.url);
                        $('#description2').html(image2.description2);
                    });


                $('.next').trigger('click');
            });








            /*]]>*/
        </script>

<img id="image" class="next" src="" />        <p id="description"></p>

        <img id="image2" class="next" src="" />        <p id="description2"></p>

Ja so siehts aus.

Wie kann ich jetzt es schaffen, das er beide bilder neu lädt?
und meine 2. Frage: Kann ich es noch irgentwie machen, das ein Script noch sagt das beide Bilder nicht gleich sein dürefen. Also es dürfen nicht 2 mal die gleichen bilder also zb 2mal Jürgen Klopp oder so sein.


Geht das?
wenn ja bite Antworten
Danke im Vorraus :)