mkalishoek
09-02-2002, 02:22 PM
I am jusing this script, but i have no fisrt picture, i only see the famous red cross :(
I think i have to add something like this:
</HEAD><BODY>
<table border="0" cellpadding="0">
<caption><strong>Oude Mafketel Foto's</strong></caption>
<tr><td width="100%"><img src="http://www.geocities.com/nonkhonk/0000-00-00-Erik01.jpg" width="400" height="264" name="photoslider"></td>
but where??
This is the script:
<!-- TWO STEPS TO INSTALL IMAGE SLIDESHOW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://www.ricocheting.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var rotate_delay = 3000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=slideform>
<table cellspacing=4 cellpadding=7 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Oude Mafketel Fotoows</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=200>
<img src="cart.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Erik01.jpg">Huzer houdt zoals gezegd wel van een biertje
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Michiel03.jpg">Chiel wil Twee bier, of nee, Vier, kijk maar is naar z'n andere hand
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Saskia02.jpg">The Magnificant Three... :P
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Frank_Michiel01.jpg">Kerplunk Met Goede Vriend Frank
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Saskia01.jpg">Hey Kleine, Lach Is Naar Het Vogeltje!
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Benjamin_Saskia01.jpg">Saskia, Met EchtgenotE Ben :P
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Michiel02.jpg">Michiel pleurt uit zijn hoogslaper
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Frank_Michiel03.jpg">Strip-Tafeltennis Is In Tegenwoordig...
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Erik02.jpg">Huzer En Suzanne? Leg Uit Erik...
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Dennis_Michiel01.jpg">Rechts Van Gent, Links Chiel, ertussenin, vriendin FreT
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Michiel01.jpg">Miggel In The Picture
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Menco01.jpg">Lekker Wijf!!
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Menco02.jpg">Blijf is van zn Tieten af joh!
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>
I think i have to add something like this:
</HEAD><BODY>
<table border="0" cellpadding="0">
<caption><strong>Oude Mafketel Foto's</strong></caption>
<tr><td width="100%"><img src="http://www.geocities.com/nonkhonk/0000-00-00-Erik01.jpg" width="400" height="264" name="photoslider"></td>
but where??
This is the script:
<!-- TWO STEPS TO INSTALL IMAGE SLIDESHOW:
1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->
<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Ricocheting (ricocheting@hotmail.com) -->
<!-- Web Site: http://www.ricocheting.com -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
var rotate_delay = 3000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>
</HEAD>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<BODY>
<center>
<form name=slideform>
<table cellspacing=4 cellpadding=7 bgcolor="#000000">
<tr>
<td align=center bgcolor="white">
<b>Oude Mafketel Fotoows</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" width=200 height=200>
<img src="cart.gif" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Erik01.jpg">Huzer houdt zoals gezegd wel van een biertje
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Michiel03.jpg">Chiel wil Twee bier, of nee, Vier, kijk maar is naar z'n andere hand
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Saskia02.jpg">The Magnificant Three... :P
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Frank_Michiel01.jpg">Kerplunk Met Goede Vriend Frank
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Saskia01.jpg">Hey Kleine, Lach Is Naar Het Vogeltje!
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Benjamin_Saskia01.jpg">Saskia, Met EchtgenotE Ben :P
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Michiel02.jpg">Michiel pleurt uit zijn hoogslaper
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Frank_Michiel03.jpg">Strip-Tafeltennis Is In Tegenwoordig...
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Erik02.jpg">Huzer En Suzanne? Leg Uit Erik...
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Dennis_Michiel01.jpg">Rechts Van Gent, Links Chiel, ertussenin, vriendin FreT
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Michiel01.jpg">Miggel In The Picture
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Menco01.jpg">Lekker Wijf!!
<option value="http://www.geocities.com/nonkhonk/0000-00-00-Menco02.jpg">Blijf is van zn Tieten af joh!
</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>
</center>