Würde mir gern so was installieren... http://www.web-toolbox.net/webtoolbox/b ... how02a.htm
habe runter geladen und dann auf mein Hp geladen http://file1.npage.de/002234/84/html/sl ... 2a-bsp.htm
wie ich das formatieren soll da weiß ich ..aber wie bekomme ich dort meine Bilder rein ..
das ein Bild habe ich für die probe gemacht ,und wie es ausheit es tut sich hier nichts... Auf dem Editor aber war alles Ok mit dem wechseln
habe auch versucht weitere Bilder anzubinden ist leider schief gelaufen
und noch ein Frage wie kann ich das an mein eigenes Design anbinden ?
hier ist das Skript...
Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Diashow Slideshow02A Demo autostart Bildwechsel Slideshow JavaScript Beispiel Download</title>
<meta name="description" content="Diashow Slideshow02A Demo autostart mit Weiter- und Stopbuttons Bildwechsel Slideshow JavaScript Beispiel Download">
<meta name="keywords" content="Diashow, Bildwechsel, Slideshow02A, Demo, Startbutton, Stopbutton, anhalten, weitet, JavaScript, Beispiel, download, free, kostenlos">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="shortcut icon" type="image/x-icon" href="../../favicon.ico">
<meta name="publisher" content="Wilhelm Jansen">
<meta name="copyright" content="Wilhelm Jansen">
<meta name="page-topic" content="Web-Design">
<meta name="author" content="Wilhelm Jansen">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="language" content="de">
<meta name="generator" content="U.Meybohm HTML EDITOR phase5">
<!-- CSS-Angaben für die Beispielseite -->
<style type="text/css">
<!--
body {
margin:0px;
padding:0px:
background-color:#FFFFFF;
}
a{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
color: #000000;
}
a:visited {color:#000000;}
a:hover{color:#FF007F;}
td{
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:normal;
text-decoration:none;
color: #000000;
Line-height:130%;
}
h1{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:normal;
text-decoration:none;
color: #FFFFFF;
}
pre{
font-family:monospace;
font-size:13px;
font-weight:normal;
text-decoration:none;
color: #0050A0;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
// Original: ShuvoRim (shuvorim@hotmail.com)
// modifiziert: W. Jansen web-toolbox.net
// Deklaration der Variablen
var Grafiken02 = new Array(); // imagearray
var start = null; // start pointer
var counter = 0; // counter für image sequence
var AnzahlGrafiken; // anzahl der anzuzeigenden bilder
var dateiendung // gif, jpg, png
var datenquelle // z.B. "../grafik" ohne 3 Ziffern.dateiendung
// Format für Dateiname = Text + 3 Ziffern + .dateiendung
// ab hier Anderungen eintragen
var Autostart = 1; // Autstart 0 oder 1
AnzahlGrafiken = 7; // Anzahl der anzuzeigenden bilder
datenquelle = "images/symb-350-" // pfad und bildname ohne 3 Ziffern
// images/symb-350-001.gif
dateiendung = ".gif" // Dateiendung der anzuzeigenden Bilder
var delayTime = 1000; // Anzeigezeit in Millisekunden
// ab hier nichts ändern
if(document.images)
{
for(i = 1; i <= AnzahlGrafiken; i++)
{
Grafiken02[i] = new Image();
if(i < 10) {
Grafiken02[i].src = datenquelle + "00" + i + dateiendung;
}
if ((i >= 10) && (i < 100)) {
Grafiken02[i].src = datenquelle + "0" + i + dateiendung;
}
if ((i >= 100)) {
Grafiken02[i].src = datenquelle + i + dateiendung;
}
}
}
// bildwechsel
function Bildwechsel02()
{
counter++;
//alert(Grafiken02[counter].src);
document.getElementById("Bild01").src = Grafiken02[counter].src;
if(counter == AnzahlGrafiken)
counter = 0; // setzt den counter auf 0
}
function startSlide()
{
with(document.form1)
{
Autostart == 0;
start = setInterval("Bildwechsel02()", delayTime);
document.form1.StartButton.disabled = true;
document.form1.StopButton.disabled = false;
}
}
function stopSlide()
{
Autostart == 0;
clearInterval(start);
document.form1.StartButton.disabled = false;
document.form1.StartButton.value = "weiter";
document.form1.StopButton.disabled = true;
}
// automatischer Start ?
setTimeout("Init()",5000);
function Init()
{
if(Autostart == 1) {
document.form1.StartButton.disabled = true;
document.form1.StopButton.disabled = true;
startSlide();
}
else
{
document.form1.StartButton.disabled = false;
}
}
// End -->
</script>
<!-- CSS-Angaben für Buttons -->
<style type="text/css">
<!--
.butt {
/*border: 1px solid #000000;*/
background-color:#FFFFFF;
color:#0090E0;
width:100px;
height:26px;
font-size: 13px;
margin:0px;
padding:2px;
cursor: pointer;
border: 2px outset #BFBFBF;
}
input[disabled]
{
color:#FFFFFF;
cursor: default;
}
-->
</style>
</head>
<body vlink="#000000" alink="#FFFFFF" link="#000000" bgcolor="#FFFFFF" text="#000000">
<!-- Navzeile oben -->
<table border="0" width="100%" cellpadding="10" cellspacing="0"><tr bgcolor="#D7E1FF">
<td width="25%" align="left" valign="top"><a class="weiss" href="http://www.web-toolbox.net" target="_blank">www.web-toolbox.net</a></td>
<td width="50%" align="center"><span style="color:#0070C0">Ein neues Browserfenster wurde geöffnet</span></td>
<td width="25%" align="right"><a href="javascript:window.close()">schließen <span style="color:#FFFFFF;background-color:#FF0000;font-weight:bold;curser:pointer;"> X </span></a></td>
</tr></table>
<table bgcolor="#7F7F7F" height="99%" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td valign="middle" align="center">
<img src="images/symb-350-alle.gif" width="375" height="58" border="0" alt="">
<h1>Beispiel Slideshow-2A für 999 Grafiken</h1>
<form name="form1">
<table bgcolor="#FFFFFF" style="border:1px solid #CFCFCF" border="0" cellspacing="0" cellpadding="10">
<!-- ID eingetragen -->
<tr><td valign="top" colspan="2" align="center">
<img id="Bild01" src="http://3.bp.blogspot.com/_WghlenoNYG0/TU5uQ50fwWI/AAAAAAAAOUc/ur06VYO_TmY/s400/januar%2B11%2B%25281%2529.JPG" width="350" height="350" border="1" alt=""><br>
</td></tr>
<tr bgcolor="#CFCFCF">
<td align="center"><input disabled disabled="disabled" class="butt" type="button" value="starten" name="StartButton" onClick="startSlide();"></td>
<td align="center">
<input disabled disabled="disabled" class="butt" type="button" value="anhalten" name="StopButton" onClick="stopSlide();" disabled></td></tr></table>
</form>
Autostart = 1, Startverzögerung 5000 ms, Anzeigezeit 1000 ms
</body>
</html>
Würde mich echt freuen wenn mir jemanden da helfen könnte
