Hallo Kollegen,
habe im Netz ein keines Javascript für eine Diaschau mit automatisch wechselnden Bilder gefunden.
Script ist eingefügt.
Leider startet die Diashow sofort und man kann weder vor noch zurück blättern.
Wer hat eine Idee, wie ich hier 4 Buttons integrieren kann Start, Stop, vor, zurück.
Danke Charly
rodehau-familie.de
<!-- THREE STEPS TO INSTALL IMAGE CYCLER:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: D. Keith Higgs ([email protected]) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! JavaScript Source: Free JavaScripts, Tutorials, Example Code, Reference, Resources, and Help -->
<!-- Begin
var timeDelay = 20; // change delay time in seconds
var Pix = new Array
("01.jpg"
,"02.jpg"
,"03.jpg"
,"04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="startPix()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<img name="ChangingPix" src="01.jpg">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="<A href="http://javascriptsource.com">The">http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.31 KB -->
habe im Netz ein keines Javascript für eine Diaschau mit automatisch wechselnden Bilder gefunden.
Script ist eingefügt.
Leider startet die Diashow sofort und man kann weder vor noch zurück blättern.
Wer hat eine Idee, wie ich hier 4 Buttons integrieren kann Start, Stop, vor, zurück.
Danke Charly
rodehau-familie.de
<!-- THREE STEPS TO INSTALL IMAGE CYCLER:
1. Copy the coding into the HEAD of your HTML document
2. Add the onLoad event handler into the BODY tag
3. Put the last coding into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: D. Keith Higgs ([email protected]) -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! JavaScript Source: Free JavaScripts, Tutorials, Example Code, Reference, Resources, and Help -->
<!-- Begin
var timeDelay = 20; // change delay time in seconds
var Pix = new Array
("01.jpg"
,"02.jpg"
,"03.jpg"
,"04.jpg"
);
var howMany = Pix.length;
timeDelay *= 1000;
var PicCurrentNum = 0;
var PicCurrent = new Image();
PicCurrent.src = Pix[PicCurrentNum];
function startPix() {
setInterval("slideshow()", timeDelay);
}
function slideshow() {
PicCurrentNum++;
if (PicCurrentNum == howMany) {
PicCurrentNum = 0;
}
PicCurrent.src = Pix[PicCurrentNum];
document["ChangingPix"].src = PicCurrent.src;
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert the onLoad event handler into your BODY tag -->
<BODY OnLoad="startPix()">
<!-- STEP THREE: Copy this code into the BODY of your HTML document -->
<img name="ChangingPix" src="01.jpg">
<p><center>
<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="<A href="http://javascriptsource.com">The">http://javascriptsource.com">The JavaScript Source</a></font>
</center><p>
<!-- Script Size: 1.31 KB -->
