Ich habe eine Javascript Diashow gebastelt:
bauerheerdes.bplaced.net/Bilder/Dia/Bilder.php
Wollte eigentlich eine ohne JS nehmen, aber…
Das Problem:
Ich hätte gerne, dass ein Bild nicht größer ist als die Auflösung des Users.
(Bei HTML würde ich wohl “width=100%” und nen Anker nehmen…)
(und wenn es geht, dass Bilder.php und Bilder-dia.php nicht im selben Ordner wie die Bilder sein muss…)
diashow.js
[code]// diashow.js © 2005 Ingo Turski - http://www.1ngo.de/web/diashow.html
var Galerie=self.location.href, vor, BildNr, nach, Startbild, Bilder;
var d=1, s=60, l=new Array(7);
function initDiashow(vor,Startbild,nach,Bilder) {
if(document.getElementById) {
var x = Galerie.lastIndexOf(".");
var dia = Galerie.substring(0,x) + “-dia” + Galerie.slice(x);
var Dias = document.getElementById(“Dias”);
var a = Dias.getElementsByTagName(“a”);
for (var i=0; i<a.length; i++) {
a[i].href = dia +"?"+encodeURIComponent(vor) +","+parseInt(Startbild+i);
a[i].href +=","+nach +","+Startbild +","+Bilder;
}
}
}
function initDia() {
var Param = self.location.search;
if(Param) {
var P1 = Param.indexOf(",",0); vor = decodeURIComponent(Param.slice(1,P1));
var P2 = Param.indexOf(",",P1+1); BildNr = parseInt(Param.slice(P1+1,P2));
var P3 = Param.indexOf(",",P2+1); nach = Param.slice(P2+1,P3);
var P4 = Param.indexOf(",",P3+1); Startbild = parseInt(Param.slice(P3+1,P4));
Bilder = parseInt(Param.slice(P4+1));
}
var x = Galerie.indexOf("?"); if(x != -1) Galerie = Galerie.substr(0,x);
x = Galerie.lastIndexOf(".");
Galerie = Galerie.substring(0,x-4) + Galerie.slice(x);
document.getElementById(“Galerie”).href = Galerie;
if(!Param || !Bilder) {
alert(“Fehlerhafte Parameter!\n Rufen Sie ein Bild aus der Galerie auf.”);
window.location.href = Galerie;
}
else {
l = document.getElementById(“Intervall”).getElementsByTagName(“a”);
l[6].style.borderColor = “red”; l[6].style.color = “#39c”;
aktiv = window.setInterval(“blaettern(1)”,s*1000);
document.getElementById(“Dia”).src = BildName(BildNr);
if(window.opera) window.setInterval(‘document.getElementById(“Dia”).src = BildName(BildNr)’,2000);
}
}
function BildName(BildNr) {
var Info = document.getElementsByTagName(“var”)[0].firstChild;
Info.data = “Bild “+BildNr+”/”+Bilder;
var nr = (“0”+BildNr.toString()).substr(BildNr>9);
return(vor+nr+nach);
}
function blaettern(d) {
if (s < 75) clearInterval(aktiv);
BildNr = BildNr + d;
if (BildNr > Bilder) BildNr = Startbild;
if (BildNr < Startbild) BildNr = Bilder;
document.getElementById(“Dia”).src = BildName(BildNr);
if (s < 75) aktiv = window.setInterval(“blaettern(1)”,s*1000);
}
function Diashow(d) {
var p = (s<30) ? s/5-1 : 2+s/15;
l[p].style.borderColor = “”; l[p].style.color = “”;
s = d;
p = (s<30) ? s/5-1 : 2+s/15;
l[p].style.borderColor = “red”; l[p].style.color = “#39c”; l[p].blur();
if (s == 75) clearInterval(aktiv);
else blaettern(1);
}[/code]
Bilder.php
[code]
Wasserbüffel aus Masel - Bilder <?php include "../../menu.html"; ?>Bilder
for ($bildnummer = 1; $bildnummer <= 57; $bildnummer++) {
if ($bildnummer < 10)
{$bildnummer = “0$bildnummer”;}
echo “<a href=”/Bilder/Dia/Bild$bildnummer.JPG" width=“100%”><img src="/Bilder/Dia/Thumb/Thumb$bildnummer.JPG" width=“5%” alt=“Bild$bildnummer” />";
}
?>
Bilder-dia.php
[code]
Wasserbüffel aus Masel - Bilder <?php include "../../menu.html"; ?>Bilder
Überschrift (Bild)
[ voriges Bild | nächstes Bild ] [ Bildwechsel: alle 5, 10, 15, 20, 30, 45, 60 Sekunden | aus ]