tuxx
Erfahrenes Mitglied
Die Seite sieht so aus:
Die jsdatei:
ja auch prima, nur stoppen lässt sichs net.
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Gallery</title>
<base target="main">
<link href="common.css" rel="stylesheet" media="screen" type="text/css">
<meta name="ROBOTS" CONTENT="index, follow, noarchive">
<script language="JavaScript1.2" src="./adresse.js"></script>
<script>
<!--
//-->
</script>
<script language="JavaScript1.2" src="./gallery.js"></script>
<style>
<!--
#bildzaehler {
font: normal lighter 20pt "Verdana, Arial, Courier";
color: red;
}
#hinweis {
font: small-caps lighter 12pt "Verdana, Arial, Courier";
color: blue;
}
//-->
</style>
</head>
<body onLoad="goPix();">
<script language="JavaScript1.2">
<!--
this.document.writeln("<table height=80% width=80% align=center valign=middle><tr><td colspan=2 align=center valign=middle><font id=bildzaehler><div>Bild 1<\/div><\/font><\/td><\/tr><tr><td colspan=2 align=center valign=bottom><font id=hinweis>Blättern<\/font><\/td><\/tr><tr align=center valign=top><td align=center valign=top><input type=button value=prev onClick=zurueck(); width=40><\/td><td align=center valign=top><input type=button value=next onClick=weiter(); width=40><\/td><\/tr><tr><td align=center valign=bottom colspan=2><form name=form1 action=''><input type=button name=zone id=zone value='Diashow' onClick=show();><\/form><\/td><\/tr><\/table>");
//-->
</script>
</body>
</html>
Die jsdatei:
Code:
var maxzahl = 62;
var fadespeed = 10;
var showtime = 1000000;
var test = "show();";
var picnr = 1;
var anzeige = "Bild " + picnr + "/" + maxzahl;
var bildnun = "./bild/bild" + picnr + ".jpg";
var stop = "Wait";
var start = "Diashow";
var fensterbreite = parent.window.innerWidth;
var fensterhoehe = parent.window.innerHeight;
var bildbreite = fensterbreite * 0.64;
var bildhoehe = fensterhoehe * 0.76;
parent.frames[3].document.write('<body BGCOLOR="#FFFFFF"><table height=80% width=80% align=center valign=middle><tr align=center valign=middle><td align=center valign=middle><center><img src=./bild/bild1.jpg id=bild style=align:center;valign:middle;><\/center><\/td><\/tr><\/table><\/body>');
function show(){
document.form1.zone.value = stop;
test = "stopshow();";
var geht = window.setInterval("diashow()", 4000);
}
function stopshow(){
document.form1.zone.value = start;
test = "show();";
window.clearInterval(geht);
}
function weiter(){
picnr++;
goPix();
}
function zurueck(){
picnr--;
goPix();
}
function goPix(){
check();
anzeigen();
quellenbauen();
bildanpassen();
}
function diashow(){
if (picnr >= maxzahl){ stopshow(); }
picnr++;
goPix();
}
function check(){
if (picnr == 0){ picnr = maxzahl; }
if (picnr > maxzahl){ picnr = 1; }
}
function anzeigen(){
anzeige = "Bild " + picnr + " / " + maxzahl;
parent.frames[1].document.getElementsByTagName("div")[0].firstChild.data = anzeige;
}
function quellenbauen(){
bildnun = "./bild/bild" + picnr + ".jpg";
parent.frames[3].document.images[0].src = bildnun;
}
function bildanpassen(){
parent.frames[3].document.images[0].height = bildhoehe;
}
function blende(){
for (var t = bildhoehe; t > 1; --t){
for (var w = 1; w < fadespeed; ++w){
parent.frames[3].document.images[0].height = t;
}
}
}
ja auch prima, nur stoppen lässt sichs net.
Zuletzt bearbeitet: