|
|
hi leute!
folgendes script ist etwas heftig, aber ich bin mir sicher, dass sich unter den vielen lesern javascript-genies befinden, die hoffentlich so nett und mir sagen können, wie ich das folgende script am besten verstehe!
vielen dank!
Bildergalerie
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript">
<!--
var Bild = new Array();
Bild[0] = new Image(); Bild[0].src="bilder/01.jpg";
Bild[1] = new Image(); Bild[1].src="bilder/02.jpg";
Bild[2] = new Image(); Bild[2].src="bilder/03.jpg";
var zeige = 0;
var Breite = 900;
var aktuelleBreite = 0;
var Schrittweite = 30;
var Schrittverzoegerung = 1;
function Blaettern(Richtung) {
zeige = zeige + Richtung;
if(zeige > Bild.length - 1) zeige = 0;
else if(zeige < 0) zeige = Bild.length - 1;
if(DOM || MS)
getElem("id","Bildbereich",null).style.clip="rect(0 0 800 0)";
if(DOM && !MS && !OP) {
var img = document.createElement("img");
var src = document.createAttribute("src");
src.nodeValue = Bild[zeige].src;
img.set(src);
getElem("id","Bildbereich",null).replaceChild(img, getElem("id","Bildbereich",null).firstChild);
}
else if(MS) {
document.all.Bildbereich.innerHTML = "<img src=\"" + Bild[zeige].src + "\">";
}
else if(NS) {
getElem("index",0,null).visibility = "hide";
setCont("index",0,null,"<img src=\"" + Bild[zeige].src + "\">");
getElem("index",0,null).clip.right = 0;
getElem("index",0,null).visibility = "show";
}
BildAufbauen();
}
function BildAufbauen() {
if(aktuelleBreite <= Breite) {
if(DOM || MS && !OP)
getElem("id","Bildbereich",null).style.clip="rect(0 "+ aktuelleBreite +" 800 0)";
else if(NS)
getElem("index",0,null).clip.right = aktuelleBreite;
aktuelleBreite = aktuelleBreite + Schrittweite;
window.setTimeout("BildAufbauen()", Schrittverzoegerung);
}
else {
aktuelleBreite = 0;
if(DOM || MS)
getElem("id","Bildbereich",null).style.clip="rect(0 "+ Breite +" 800 0)";
else if(document.layers)
getElem("index",0,null).clip.right = Breite;
}
}
function SEITE_init() {
if(DOM && !MS && !OP) {
img = document.createElement("img");
var src = document.createAttribute("src");
src.nodeValue = Bild[0].src;
img.setAttributeNode(src);
getElem("id","Bildbereich",null).appendChild(img);
}
else if(document.all)
document.all.Bildbereich.innerHTML = "<img src=\"" + Bild[0].src + "\">";
else if(NS)
setCont("index",0,null,"<img src=\"" + Bild[0].src + "\">");
}
//-->
</script>
<body onLoad="SEITE_init()">
<div id="Bildbereich">
</div>
<div id="Navigationsbereich"><a href="javascript:Blaettern(-1)"><b><img src="bilder/zurueck.gif" width="90" height="45" border="0"></b></a><a href="javascript:Blaettern(1)"><b><img src="bilder/vor.gif" width="92" height="46" border="0"></b></a></div>
|
|
| 03.06.2006 16:22:55 |
|
Wechsel zu
Die letzten Beiträge aus diesen Forum
|
|
