javascript: zufälliges Bild ausgewählt, auf " aktualisieren

Also ich habe eine Seite in der ich mir eine Beschreibung der Gegend und ich habe es ein random Beschreibung auf aktualisieren, mit den folgenden code:

<script type="text/javascript">
var description = new Array ();
description[0] = "I can change";
description[1] = "Isn't it cool";
description[2] = "these are just to show you guys";
description[3] = "another thing";
var size = description.length
var x = Math.floor(size*Math.random())
document.write(description[x]);
</script>

Nun meine Frage, wenn ich wollte, es zu haben anzeigen zufällige Bilder auf aktualisieren, anstatt eine zufällige Beschreibung, wie würde ich es tun? Ich nehme an, es wird ein wenig jquery und vielleicht etwas Anhängen, aber ich bin mir wirklich nicht sicher.

Dank!

InformationsquelleAutor Ryan Saxe | 2013-05-07

  1. 15

    Wie etwa:

    HTML: 

    <img id="image" />

    JS:

    var description = [
  "http://static.ddmcdn.com/gif/lightning-gallery-17.jpg",
  "http://static.ddmcdn.com/gif/lightning-gallery-18.jpg",
  "http://static.ddmcdn.com/gif/lightning-gallery-19.jpg",
  "http://static.ddmcdn.com/gif/lightning-gallery-20.jpg",
  "http://static.ddmcdn.com/gif/lightning-gallery-21.jpg"
];

var size = description.length
var x = Math.floor(size*Math.random())
document.getElementById('image').src=description[x];

    Kein jQuery erforderlich.

    +1. Beachten Sie, dass dies müsste in einem script-element, das angezeigt wird, nachdem die <img> oder eingewickelt in ein onload handler.
    ah - gut zu fangen.
    Hier ist ein Geige sir.
    würde dieser code funktioniert wenn ich Bilder in die asset-pipeline in Rails? IE - var Beschreibung = [ "images/imageOne.jpg" etc etc
    yeah, wie lange, wie <img src="images/imageOne.jpg"> bewerten würde richtig. Wenn dieser code innerhalb einer rails-Vorlage, es ist wahrscheinlich, eine (bessere?) Weg, dies zu tun mit dem rails-framework selbst.

    InformationsquelleAutor urban_raccoons

  2. 5

    http://jsfiddle.net/mohammadAdil/SvswX/

    <img id='random'/>

    Skript -

    var image = new Array ();
image[0] = "http://placehold.it/20";
image[1] = "http://placehold.it/30";
image[2] = "http://placehold.it/40";
image[3] = "http://placehold.it/50";
var size = image.length
var x = Math.floor(size*Math.random())

$('#random').attr('src',image[x]);

    InformationsquelleAutor Mohammad Adil

Schreibe einen Kommentar