Zufälliges Bild anzeigen

SR89

Lt. Junior Grade
Dabei seit
Apr. 2004
Beiträge
422
Hi,
habe eine Frage. Und zwar möchte ich auf meiner HP immer ein Bild nach dem Zufallsprinzip anzeigen lassen. Habe also einen Ordner mit Bildern hochgeladen und wie bekomme ich jetzt hin, dass immer ein anderes angezeigt wird? Am besten wäre mit Javascript, PHP wäre weniger gut. :rolleyes:

mfg,
SR
 
M

Mr. Snoot

Gast
1 Sekunde Google. Maybe this:
HTML:
<html> 

<head> 
<title>Zufallsseite</title> 

<script language="JavaScript"> 
<!-- 
function random_link() 
{ 
document.location.href = links[parseInt(Math.random()*links.length)]; 
} 
links = new Array(); 
links[0] = "1.html"; 
links[1] = "2.html"; 
links[2] = "3.html"; 
//--> 
</script> 

</head> 
<body> 

<div><a href="javascript:random_link()">Zufallsseite</a></div> 

</body> 
</html>
 

SR89

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Apr. 2004
Beiträge
422
1 Sekunde? Hab 30 Minuten bei Google gesucht (wirklich). Auch wenn's nur eine Sekunde gedauert hat --> DANKE :)

mfg,
SR

EDIT: Das funktioniert leider nicht :(
 
Zuletzt bearbeitet:

SR89

Lt. Junior Grade
Ersteller dieses Themas
Dabei seit
Apr. 2004
Beiträge
422
Habe jetzt folgenden Code geholt:

<script language="Javascript">
<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

var currentdate = 0
var core = 0

function StringArray (n) {
this.length = n;
for (var i =1; i <= n; i++) {
this = ' '

}
}

image = new StringArray(18)
image[0] = '../projekt/screens/gross/oblivion1.jpg'
image[1] = '../projekt/screens/gross/oblivion2.jpg'
image[2] = '../projekt/screens/gross/oblivion3.jpg'
image[3] = '../projekt/screens/gross/oblivion4.jpg'
image[4] = '../projekt/screens/gross/oblivion5.jpg'
image[5] = '../projekt/screens/gross/oblivion6.jpg'
image[6] = '../projekt/screens/gross/oblivion7.jpg'
image[7] = '../projekt/screens/gross/oblivion8.jpg'
image[8] = '../projekt/screens/gross/oblivion9.jpg'
image[9] = '../projekt/screens/gross/oblivion16.jpg'
image[10] = '../projekt/screens/gross/oblivion10.jpg'
image[11] = '../projekt/screens/gross/oblivion11.jpg'
image[12] = '../projekt/screens/gross/oblivion12.jpg'
image[13] = '../projekt/screens/gross/oblivion13.jpg'
image[14] = '../projekt/screens/gross/oblivion14.jpg'
image[15] = '../projekt/screens/gross/oblivion15.jpg'
image[16] = '../projekt/screens/gross/oblivion17.jpg'
image[17] = '../projekt/screens/gross/oblivion18.jpg'

var ran = 60/image.length

function ranimage() {
currentdate = new Date()
core = currentdate.getSeconds()
core = Math.floor(core/ran)
return(image[core])
}

document.write("<a href='" +ranimage()+ "' target='_blank'><img src='" +ranimage()+ "' height='128' width='171'></a>")

//-->
</script>


Das funktioniert soweit, leider wird wie man hier sehen kann, immer nur ein Bild weitergeschaltet:

function StringArray (n) {
this.length = n;
for (var i =1; i <= n; i++) {
this = ' '

}
}


Meine Frage: Wie mache ich den Code hier drüber jetzt so, dass es wirklich zufällig ist, und nicht immer um eins erhöht wird?

mfg,
SR
 

ag3nt

Lieutenant
Dabei seit
Okt. 2002
Beiträge
689
Zitat von SR89:
.. Das funktioniert soweit, leider wird wie man hier sehen kann, immer nur ein Bild weitergeschaltet:

Moin,
ich kann dich beruhigen, dem ist nicht so. Die dafür zuständige Funktion ist die hier:
Code:
var ran = 60/image.length

function ranimage() {
currentdate = new Date()
core = currentdate.getSeconds()
core = Math.floor(core/ran)
return(image[core])
}

kannst ja diesen Teil durch folgendes ersetzten:
Code:
function ranimage() {
    return image[ Math.round( Math.random() * ( image.length - 1 ) ) ];
}
 
Zuletzt bearbeitet:
Top