Problem mit JavaScript
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anzeigen
automatisch hallo
beitrag
bild
fenster
internetseite
mitleid
mhen
show
transitional
verzgerung
vielen dank
-
Hi,
ich möchte ein Script, das ich im Internet gefunden habe in meine Internetseite einbauen. Mit diesem Scipt kann man eine "Diashow" anzeigen. Ich habe das Problem, dass das erste Bild erst nach der eingestellten /delayTime/ angezeigt wird. Kann man das Script so ändern, dass die Verzögerung erst nach dem ersten Bild beginnt?
Wie ist es möglich, das Fenster vor Erscheinen des ersten Bildes auf 350x350px einzustellen?
Vielen Dank für Eure Mühe
pumex
Das Script:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate">
<meta name="description" content="">
<meta name="keywords" content=""><title></title>
<script language="JavaScript" type="text/JavaScript">
<!--
// Original: ShuvoRim (shuvorim@hotmail.com)
// modifiziert: W. Jansen web-toolbox.net
// deklaration der variablen
var img = new Array(); // imagearray
var start = null; // start pointer
var counter = 1; // counter für image sequence
var anzahl_bilder; // anzahl der anzuzeigenden bilder
var dateiendung // gif oder jpg
var datenquelle // pfad und bildname ohne Nummer.dateiendung
// :::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// ab hier änderungen eintragen
// unbedingt den für sie zutreffenden Bildpfad eintragen
anzahl_bilder = 8; // Anzahl der anzuzeigenden bilder
datenquelle = "slideshow/slideshow" // pfad und bildname ohne Nummer
// zB "images/kachel" für images/kachel01.jpg
dateiendung = ".jpg" // Dateiendung der anzuzeigenden Bilder
var delayTime = 6000; // Verzögerung
// ab hier nichts ändern
// ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
// pre-load
if(document.images)
{
for(i = 1; i <= anzahl_bilder; i++)
{
img = new Image();
if(i < 10) {
img.src = datenquelle + "0" + i + dateiendung;
//alert(img.src);
} else {
img.src = datenquelle + i + dateiendung;
//alert(img.src);
}
}
}
// delayzeit, falls eingabefeld vorhanden
// (hier nicht benutzt)
function getDelayTime(dlTime)
{
var temp = parseInt(dlTime);
if(temp != NaN)
delayTime = temp * 1000;
else
delayTime = 4000;
}
// bildwechsel
function anim()
{
counter++;
document.getElementById("Bild01").src = img[counter].src;
//alert(img[counter].src);
if(counter == anzahl_bilder)
counter = 0; // setzt den counter auf 0
}
// start
function slide()
{
with(document.form1)
{
start = setInterval("anim()", delayTime);
stShow.disabled = true;
spShow.disabled = false;
}
}
// stop
function stopSlide()
{
clearInterval(start);
document.form1.stShow.disabled = false;
document.form1.spShow.disabled = true;
}
// End -->
</script>
<style type="text/css">
<!--
input {
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: #BFBFBF;
width:70px;
font-size: 11px;
}
textarea {
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
background-color: #BFBFBF;
}
-->
</style>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<form name="form1">
<table style="border:0px solid #000000" align="center" width="240" border="0" cellspacing="0" cellpadding="6">
<tr><td colspan="2" bgcolor="#171717" align="center">
<span style="color:#D2D2D2;font-size:16px;font-weight:normal;font-family:Tahoma;"></span>
</td></tr>
<tr><td bgcolor="#171717" colspan="2" height="160" valign="middle" align="center">
<!-- ID eingetragen -->
<img id="Bild01" src="slideshow01.jpg" width="350" height="350" border="0" alt="">
<!-- startet die Show automatisch -->
<script language="JavaScript" type="text/JavaScript">
<!--
setTimeout("slide()",6);
//-->
</script>
</td></tr>
<tr><td bgcolor="#171717" valign="top" align="center"><input type=button value="start" name=stShow onClick="slide();" id="btnStyle"></td>
<td bgcolor="#171717" valign="top" align="center">
<input type=button value="stop" name=spShow onClick="stopSlide();" id=btnStyle DISABLED></td>
</tr></table>
</form>
<br>
</body></html> -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiilfe,
hat denn keiner Mitleid mit einem, der keinen Peil von JavaScript hat??? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
