nicht angemeldet
Bilderbuch zum Umblättern
Hallo,
wie kann ich bei diesem Beispiel die Bildgröße variabel halten ?
Bitte um Hilfe, danke.
<html><head>
<title>Test</title>
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript">
var Bild = new Array();
Bild[0] = new Image();
Bild[0].src = "bilder/Feuerwehrauto.jpg";
Bild[1] = new Image();
Bild[1].src = "bilder/Kolze7_web.jpg";
Bild[2] = new Image();
Bild[2].src = "bilder/Opel Rakentenantrieb.jpg";
Bild[3] = new Image();
Bild[3].src = "bilder/Opel_Rakete_2.jpg";
Bild[4] = new Image();
Bild[4].src = "bilder/Wuermsee_web.jpg";
var bildbereich;
var zeige = 0;
var Breite = 300;
var aktuelleBreite = 0;
var Schrittweite = 6;
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 || MSIE4) {
bildbereich.style.clip = "rect(0 0 225px 0)";
} else if (NS4) {
bildbereich.clip.right = 0;
}
if (DOM && bildbereich.firstChild) {
bildbereich.firstChild.src = Bild[zeige].src;
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + Bild[zeige].src + '">';
} else if (NS4) {
bildbereich.visibility = "hide";
setContent("id", "Bildbereich", null,
'<img src="' + Bild[zeige].src + '">');
bildbereich.visibility = "show";
}
BildAufbauen();
}
function BildAufbauen () {
if (aktuelleBreite <= Breite) {
if (DOM || MSIE4) {
bildbereich.style.clip = "rect(0 " + aktuelleBreite + "px 225px 0)";
} else if (NS4) {
bildbereich.clip.right = aktuelleBreite;
}
aktuelleBreite = aktuelleBreite + Schrittweite;
window.setTimeout("BildAufbauen()", Schrittverzoegerung);
} else {
aktuelleBreite = 0;
if (DOM || MSIE4) {
bildbereich.style.clip = "rect(0 " + Breite + "px 225px 0)";
} else if (NS4) {
bildbereich.clip.right = Breite;
}
}
}
function Init () {
bildbereich = getElement("id", "Bildbereich");
if (DOM && document.createElement && bildbereich.appendChild) {
var img = document.createElement("img");
img.setAttribute("src", Bild[0].src);
bildbereich.appendChild(img);
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + Bild[0].src + '">';
} else if (NS4) {
setContent("id", "Bildbereich", null,
'<img src="' + Bild[0].src + '">');
}
}
</script>
<style type="text/css">
body {
color:black;
background-color: gray;
}
#Bildbereich { position:absolute; left:10px; top:140px; padding:0; visibility:show; }
#Navigationsbereich {
position:absolute;
left:121px;
top:424px;
width:167px;
font-size:24px;
}
</style>
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
<body bgcolor="#FFCC33" onload="Init()">
<div id="Bildbereich"></div>
<div id="Navigationsbereich"><a href="javascript:Blaettern(-1)"><IMG src="pfeillinks.gif" width="16" height="15"></a>
Fotogalerie <a href="javascript:Blaettern(1)"><IMG src="pfeilrechts.gif" width="16" height="15"></a></div>
</body>
</html>
-
<html><</html>
<?php ?>
``
delete from table where 1Hallo,
wie kann ich bei diesem Beispiel die Bildgröße variabel halten ?
Bitte um Hilfe, danke.<html><head>
<title>Test</title>
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript">
var Bild = new Array();
Bild[0] = new Image();
Bild[0].src = "bilder/Feuerwehrauto.jpg";
Bild[1] = new Image();
Bild[1].src = "bilder/Kolze7_web.jpg";
Bild[2] = new Image();
Bild[2].src = "bilder/Opel Rakentenantrieb.jpg";
Bild[3] = new Image();
Bild[3].src = "bilder/Opel_Rakete_2.jpg";
Bild[4] = new Image();
Bild[4].src = "bilder/Wuermsee_web.jpg";var bildbereich;
var zeige = 0;
var Breite = 300;
var aktuelleBreite = 0;
var Schrittweite = 6;
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 || MSIE4) {
bildbereich.style.clip = "rect(0 0 225px 0)";
} else if (NS4) {
bildbereich.clip.right = 0;
}
if (DOM && bildbereich.firstChild) {
bildbereich.firstChild.src = Bild[zeige].src;
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + Bild[zeige].src + '">';
} else if (NS4) {
bildbereich.visibility = "hide";
setContent("id", "Bildbereich", null,
'<img src="' + Bild[zeige].src + '">');
bildbereich.visibility = "show";
}
BildAufbauen();
}function BildAufbauen () {
if (aktuelleBreite <= Breite) {
if (DOM || MSIE4) {
bildbereich.style.clip = "rect(0 " + aktuelleBreite + "px 225px 0)";
} else if (NS4) {
bildbereich.clip.right = aktuelleBreite;
}
aktuelleBreite = aktuelleBreite + Schrittweite;
window.setTimeout("BildAufbauen()", Schrittverzoegerung);
} else {
aktuelleBreite = 0;
if (DOM || MSIE4) {
bildbereich.style.clip = "rect(0 " + Breite + "px 225px 0)";
} else if (NS4) {
bildbereich.clip.right = Breite;
}
}
}function Init () {
bildbereich = getElement("id", "Bildbereich");
if (DOM && document.createElement && bildbereich.appendChild) {
var img = document.createElement("img");
img.setAttribute("src", Bild[0].src);
bildbereich.appendChild(img);
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + Bild[0].src + '">';
} else if (NS4) {
setContent("id", "Bildbereich", null,
'<img src="' + Bild[0].src + '">');
}
}
</script>
<style type="text/css">
body {
color:black;
background-color: gray;
}
#Bildbereich { position:absolute; left:10px; top:140px; padding:0; visibility:show; }
#Navigationsbereich {
position:absolute;
left:121px;
top:424px;
width:167px;
font-size:24px;
}
</style><META http-equiv="Content-Type" content="text/html; charset=UTF-8"></head>
<body bgcolor="#FFCC33" onload="Init()"><div id="Bildbereich"></div>
<div id="Navigationsbereich"><a href="javascript:Blaettern(-1)"><IMG src="pfeillinks.gif" width="16" height="15"></a>
Fotogalerie <a href="javascript:Blaettern(1)"><IMG src="pfeilrechts.gif" width="16" height="15"></a></div></body>
</html>