nicht angemeldet
ich hab jetzt sowas wie ich wollte. doch der quelltext macht mir ein bisschen sorgen. egal wie gross das bild, es wird immer gleichgross angezeigt. wie kann ich das ändern?
hier der quelltext:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
<TITLE>Fotogallerie</TITLE>
<style type="text/css">
<!--
b.header{font-size:110%;font-familiy:Optimum,Arial;color:#189878}
// td{font-familiy:Optimum,Arial;}
//-->
</style>
<script language="JavaScript1.1">
maxZahlBilder = 4; // Anzahl Bilder, die maximal angezeigt werden können.
zahlBilder = 0; // Anzahl Bilder, die geladen wurden und angezeigt werden.
var Bild = new Array(maxZahlBilder);
// preload first picture:
Bild[0] = new Image();
Bild[0].src="funpics/test0.jpg";
status = "lade Bild 1...";
// Is Netscape-Browser:
isNet = navigator.appName.toLowerCase().substr (0,3) == "net";
var appVersion = navigator.appVersion;
//var pos = appVersion.indexOf ("MSIE");
appVersion = appVersion.substr (appVersion.indexOf ("MSIE") + 4, 5);
var version = parseInt (appVersion);
// Is Microsoft-Internet-Explorer version 5 or higher:
isMsIe5 = (! isNet) && version >= 5;
/*
alert ("navigator.appVersion = " + navigator.appVersion +
"\n\n" +
"appVersion = " + appVersion +
"\n\n" +
"isMsIe5 = " + isMsIe5 +
"\n\n" +
"version = " + version);
*/
//version = 4;
function loadImage (tryNr)
{
var nextTryNr = tryNr + 1;
if (zahlBilder == maxZahlBilder)
{
status = zahlBilder + " Bilder geladen.";
return;
}
if (isNet Bild[zahlBilder].complete == true)
{
// alert ("loaded Image " + zahlBilder + "complete.");
nextTryNr = 0;
++zahlBilder;
Bild[zahlBilder] = new Image();
Bild[zahlBilder].src="funpics/test" + zahlBilder + ".jpg";
status = "lade Bild " + (zahlBilder + 1) + "...";
}
if (nextTryNr < 15)
setTimeout ("loadImage (" + nextTryNr + ");", 1000);
else
status = zahlBilder + " Bilder geladen.";
}
var zeige = 0;
var aktuelleBreite = 0;
var Breite = 280;
var Geschwindigkeit = 20;
function Blaettern(Richtung)
{
if (zahlBilder == 0)
{
// alert ("function Blaettern: zahlBilder == 0") //debug
return;
}
zeige = zeige + Richtung;
if(zeige >= zahlBilder)
{
// alert ("function Blaettern: zeige >= zahlBilder: \n" + zeige + " >= " + zahlBilder) //debug
zeige = 0;
}
else if(zeige < 0)
zeige = zahlBilder - 1;
if (document.dasBild)
document.dasBild.src = Bild[zeige].src;
else if(document.all)
document.all.dasBild.src = Bild[zeige].src;
else if(document.layers)
document.layers['Bildbereich'].document.dasBild.src = Bild[zeige].src;
BildAufbauen();
}
function BildAufbauen()
{
var weiterAufbauen = true;
if(aktuelleBreite <= Breite)
{
if(document.all)
{
if (version >= 5)
document.all.Bildbereich.style.clip="rect(0 "+ aktuelleBreite + " 190 0)";
else
{
if (document.all.Bildbereich.clip)
document.all.Bildbereich.style.clip="rect(0 "+ Breite + " 190 0)";
document.all.Bildbereich.visible="visible";
weiterAufbauen = false;
}
}
else if(document.layers)
document.layers['Bildbereich'].clip.right = aktuelleBreite;
aktuelleBreite = aktuelleBreite + Geschwindigkeit;
if (weiterAufbauen)
window.setTimeout("BildAufbauen()",0);
}
else
{
aktuelleBreite = 0;
if(document.all)
document.all.Bildbereich.style.clip="rect(0 " + Breite + " 190 0)";
else if(document.layers)
document.layers['Bildbereich'].clip.right = Breite;
}
}
</script>
</HEAD>
<!--
<BODY BGCOLOR=#f8fff8 text=#111111 link=#189878 vlink=#088868 onLoad="Init()">
<div style="position:absolute; left:50px; top:140px; width:280px; height:190px; visibility:visible"></div>
<font face="Optimum, Arial" size=4>
-->
<rst_small_page_header>
<p>
</rst_small_page_header>
<table width="500" border="0" cellspacing="0" align="left">
<tr>
<td align=center valign=middle colspan=4 height=300>
<div id="Bildbereich" align=center style="position:absolute; left:110px; top:140px; width:280px; height:190px; padding:0px; clip:rect(0 280 190 0); visibility:visible"><img name="dasBild" src="bilderbuch/Qausst0.jpg" border=0 width=280 height=190></div>
</td>
</tr>
<tr>
<td colspan=4 align=center> <p><font face="Optimum, Arial" color="189878" size="2"><a href="javascript:Blaettern(-1)"><img src="pics/back.gif" width=40 height=43 alt="" border="0"></a> <a href="javascript:Blaettern(1)"><img src="pics/forward.gif" width=40 height=43 alt="" border="0"></a></font><p> </td>
</table>
<div id="doNotDeleteThis"> </div>
<p>
<font face="Optimum, Arial" size=4>
</font>
<script language="JavaScript1.1">
setTimeout ("loadImage (0);", 500);
</script>
</BODY>
</html>
danke christian