nutze diese Javascript Diashow
Code:
<html>
<head>
<title>Javascript - Dia-Show!</title>
</head>
<script LANGUAGE="JavaScript">
<!--
var maxnr=14;
var aktnr=0;
var halt=1;
var an=1;
function bild(nr)
{
bld=new Array();
bld[1]="bilder/blick.jpg";
bld[2]="bilder/bahnhklein.JPG";
bld[3]="bilder/altstadtklein.jpg";
bld[4]="bilder/hafenklein.JPG";
bld[5]="bilder/kathklein.JPG";
bld[6]="bilder/marktklein.JPG";
bld[7]="bilder/schlossklein.JPG";
bld[8]="bilder/weihklein.JPG";
bld[9]="bilder/steckklein.JPG";
bld[10]="bilder/nussbaumklein.JPG";
bld[11]="bilder/maibaumklein.JPG";
bld[12]="bilder/rathaus.jpg";
bld[13]="bilder/indklein.JPG";
bld[14]="bilder/klinkeklein.JPG";
if (an) {
aktnr+=nr;
if (aktnr<1)
aktnr=maxnr;
else if (aktnr>maxnr)
aktnr=1;
document.slide.src=bld[aktnr];
}
}
function show()
{
if (!halt) {
bild(1);
setTimeout("show()",3000);
}
}
function power()
{
if (!an) {
document.schalter.src="";
document.slide.src="";
aktnr=0;
halt=1;
an=1;
}
else {
document.slide.src="";
document.schalter.src="";
an=0;
}
}
// -->
</script>
<body onLoad="halt=0;show()" bgcolor="#FFF0E8">
<img SRC="bilder/blick.jpg" name="slide" ALT="Slide-Show" width="150" height="109">
</body>
</html>
würde nun gern erreichen das die Bilder nicht einfach ausgetauscht werden, sondern mal von links, mal von recht, von unten oder von oben reinscrollen.
Kann jemand einen Denkanstoss geben wie ich das verwirklichen kann?
Außerdem würde ich die Diashow gern zweimal mit unterschiedlichen bildern auf der Seite einbinden. Sollte doch auch möglich sein oder?
