Zufallsbilder aus Array mithilfe Button neu anzeigen lassen

playerone

Mitglied
Hallo zusammen,
ich hoffe ihr könnt mir helfen.
Mein Ziel: Fotos zufällig per Knopfdruck ausgeben.
Bisher passiert nichts bei der onclick-Funktion, zuvor habe ich es mit DOM probiert, da ich nicht die Bilder per document.write ausgeben lassen will, da sie auf der selben Seite erscheinen sollen. ***und ja in der onclick steht nichts, weil ich nach einigem probieren immer noch nicht drauf gekommen bin, also habe ich es hierfür erstmal rausgenommen ;)

Hier meine Codes:
[CODE lang="html" title="HTML Teil:"]<!DOCTYPE html>
<head>
<title>Kartenspiel</title>
<meta charset="utf-8">
<link href="layout/style.css" rel="stylesheet" type="text/css" media="all">
</head>
<body>
<h1>Kartenspiel</h1>

<div id="karte">
<script src="function.js"></script>
</div>
<button onclick="">Shuffle</button>



<h1>huhu</h1>
</body>
</html>[/CODE]

[CODE lang="javascript" title="JavaScript Teil"]var image = new Array();
var link = new Array();

/** Hier die Bilder eintragen. **/

image[1] = 'images/1.jpg';
image[2] = 'images/2.jpg';
image[3] = 'images/3.jpg';


/** Noch einfügen, dass Bilder nicht doppelt angezeigt werden!!! **/

var num = Math.random();
var ran = Math.floor((image.length - 1) * num) + 1;
var a = 1;


document.write('<img src="' + image[ran] + '" border="0" />');

function shuffle (){
++a;
if (a>3) a=1;
document.getElementById('karte').src = image[ran].src;
}[/CODE]
 

mihe7

Top Contributor
Du musst in onclick natürlich das shuffle() aufrufen. Dann solltest Du Deinem img-Tag eine ID spendieren, die Du in Zeile 23 verwendest und ein String aus image[ran] hat auch kein src-Attribut. Das script kommt üblicherweise ans Ende des HTML-Dokuments (vor dem schließenden body-Tag) oder in den Kopf. Es empfiehlt sich zudem, die Entwicklertools des Browsers zu benutzen.
 

playerone

Mitglied
Du musst in onclick natürlich das shuffle() aufrufen. Dann solltest Du Deinem img-Tag eine ID spendieren, die Du in Zeile 23 verwendest und ein String aus image[ran] hat auch kein src-Attribut. Das script kommt üblicherweise ans Ende des HTML-Dokuments (vor dem schließenden body-Tag) oder in den Kopf. Es empfiehlt sich zudem, die Entwicklertools des Browsers zu benutzen.
Huhu, ich habe es jetzt anderes gelöst und zwar nicht in einer unabhängigen js-Datei sondern eingebettet in HTML... und komplizierter glaube ich :D aber so lang es läuft bin ich zufrieden.. Danke trotzdem für deine Hilfe :)
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
B JavaScript - Array mit Objekten anhand des Object-keys sortieren Angular, React, JQuery - Fragen zu JavaScript 2
I JavaScript: Array umgekehrt von vorn auffüllen Angular, React, JQuery - Fragen zu JavaScript 7
B Angular Anzeigen von x Boxen die in Array gespeichert werden Angular, React, JQuery - Fragen zu JavaScript 0
8u3631984 React : 64 Byte Array in Image umwandeln Angular, React, JQuery - Fragen zu JavaScript 4
Zeppi Javascript JSON in ein Array Angular, React, JQuery - Fragen zu JavaScript 1
Oskar.p Array auf "Duplikate" überprüfen Angular, React, JQuery - Fragen zu JavaScript 45
iMrQuestion Eingebettete <iframe> mittels Konsole in Array speichern Angular, React, JQuery - Fragen zu JavaScript 6
B Quiz Fragen in einem Array nach drücken auf einen Button abfragen Angular, React, JQuery - Fragen zu JavaScript 5
J Werte aus 1D Array einzeln in ein 2D Array übergeben Angular, React, JQuery - Fragen zu JavaScript 5
T Wie kann man den code hier abändern, damit es "Array-werte" einliest und nicht Excelwerte? Angular, React, JQuery - Fragen zu JavaScript 2
T Lösung kenntlich machen im Array; text markieren Angular, React, JQuery - Fragen zu JavaScript 21
L JavaScript Array Angular, React, JQuery - Fragen zu JavaScript 4
E Java-Script (Array und Facebook geht nicht) Angular, React, JQuery - Fragen zu JavaScript 6
S Array mit JavaScript ausgeben Angular, React, JQuery - Fragen zu JavaScript 2
J Array Angular, React, JQuery - Fragen zu JavaScript 5
M Array Rückgabe wert an andere Funktion ? Angular, React, JQuery - Fragen zu JavaScript 2
M Array mit String Index ? Angular, React, JQuery - Fragen zu JavaScript 2

Ähnliche Java Themen

Neue Themen


Oben