Slideshow
sappy
- javascript
Hallo,
ich habe eine Bilder-Slideshow. Diese läuft wunderbar. Allerdings möchte ich hier auch Bilder verwenden, die aus "zwei" Bildern bestehen.
Also ein Bild im Untergrund, das andere als Overlay (zum Teil transparent dann) obendrauflegen.
Hier mein Quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var timeDelay = 0.5;
var Pix = new Array
("bild1.gif"
,"bild2.gif"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
</head>
<body OnLoad="startPix()" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<img name="ChangingPix" src="bild1.gif">
</body>
</html>
Jetzt wollte ich das abändern, dass er die Bilder mit den Overlays nimmt:
also im Body Teil dann z.B.:
<img class="bgPic" src="bild1.gif" alt="" border="0" />
<div class="foreGround"><img class="FLeft" src="layer.gif" alt="" border="0" /></div>
Das macht er aber leider so nicht mehr mit :(
Und im JS-Teil muss das ganze ja sicher auch noch angepasst werden.
Ist das irgendwie möglich?
Grüße
@@sappy:
nuqneH
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
Siehe dazu http://forum.de.selfhtml.org/archiv/2011/2/t203274/#m1374196
Qapla'