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]
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]