Zufälliges Bild anzeigen

SR89

Lt. Junior Grade
Registriert
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
 
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>
 
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:
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
 
SR89 schrieb:
.. 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:
Zurück
Oben