Hallo,
ich habe mir ein Slideshow-Script runtergeladen. Jetzt möchte ich das so verändern, dass zufallsgesteuert aus einer Auswahl von 24 Ordnern mit je 8 Bildern ein Ordner ermittelt und dessen 8 Bilder angezeigt werden. Die Zufallsfunktion habe ich hingekriegt.
Das Problem ist jetzt aber, dass es 2 verschiedene Ordner gibt. Einmal Ordner mit Bildern im Format 256x341 und einmal Ordner mit Bildern im Format 341x256. Für jedes Format gibt es auch noch ein extra Startbild.
Jetzt habe ich versucht, ein zweites Script einzubinden, dass die Bildbreite und Bildhöhe ermittelt und die entsprechenden Werte dem HTML-Befehl <img> übergibt.
Ich habe versucht mir die JS-Grundbegriffe mittels SELFHTML anzulesen, aber irgendwie haut es nicht so hin, wie ich will. Das Bild wird nicht angezeigt
Könnt ihr euch das bitte mal angucken? Ich wäre euch sehr dankbar.
var maxnr = 8; // Anzahl der Bilder
var pause = 2000; // Pause zwischen den Bildern
var aktnr = 0, halt = 1, an = 1
var zufall=Math.round(Math.random()*24+1)
var startbild = new Image();
if (zufall<100) {
zufall="0" + zufall;
if (zufall<10) {
zufall="0" + zufall;
}
}
function doIt()
{
var newImage = new Image();
newImage.onload = function ()
{
getHeightWidth( this )
};
newImage.src = "foto-puzzle/" + zufall + "/foto-puzzle-" + 001 + ".jpg";";
getHeightWidth( newImage );
if (breite==256)
{
startbild.src = "foto-puzzle/foto-puzzle-quer.jpg";
} else
{
startbild.src = "foto-puzzle/foto-puzzle.jpg";
}
}
function getHeightWidth( newImage )
{
if (newImage.alreadyLoaded || newImage.width == 0)
return true;
breite = newImage.width;
hoehe = newImage.height;
newImage.alreadyLoaded = true;
alert(breite + ":" + hoehe);
document.getElementById( "myDiv" ).appendChild( newImage );
}
function bild(nr) {
if (an) {
aktnr += nr;
if (aktnr < 1)
aktnr = maxnr;
else if (aktnr > maxnr)
aktnr = 1;
document.slide.src="foto-puzzle/" + zufall + "/foto-puzzle-" + aktnr + ".jpg"; // Adresse der Bilder und Format!
}
doIt();
}
function show(){
if (!halt) {
bild(1);
setTimeout("show()",pause);
}
}
// -->
Alles anzeigen
HTML-Code:
[img]startbild[/img]
<input value=" |< " onclick="aktnr=1;bild(0);" type="button"> <input value=" < " onclick="bild(-1)" type="button"> <input value="Play" onclick="halt=0;show()" type="button">
<input value="Stop" onclick="halt=1" type="button"><input value=" > " onclick="bild(1)" type="button"><input value=" >| " onclick="aktnr=maxnr;bild(0);" type="button">