sappy: Slideshow

Beitrag lesen

SELF-Forum

Slideshow

sappy
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln