Hi, I have a Slideshow that I want to modify a little, but am not sure how. I simply want to remove the row that allows users to select a still picture, and just leave the row that allows them to start and stop the Slidehshow.
The problem is, the row that allows users to select a still picture, is the piece of coding that lists all of the pictures and their destinations so that the actual slideshow can work. Is there any way of removing the drop down box, and table row from view on the Website, but still allow the slideshow to work?
Here is the coding –
(this is placed in HEAD)
<SCRIPT LANGUAGE=”JavaScript”>
<!– Original: Ricocheting (
<!– Web Site: [url]http://www.ricocheting.com
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! [url]http://javascript.internet.com
<!– Begin
var rotate_delay = 5000; // 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>
(this is placed in BODY)
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor=”#000000″ bordercolor=”#999999″ border=”1″>
<tr>
<td align=center bgcolor=”000000″ bordercolor=”#666666″> <font color=”#FFFFFF”><b class=”text”>To
preview our work, simply click the ‘start’ button <br>
and watch our slideshow.</b></font></td>
</tr>
<tr>
<td align=center bgcolor=”#000000″ width=400 height=300> <img src=”images/pshoe.jpg” name=”show”>
</td>
</tr>
<tr>
<td align=center bgcolor=”#000000″>
<select name=”slide” onChange=”change();”>
<option value=”images/pshoe.jpg” selected>Shoe and Garter
<option value=”images/pready.jpg”>Getting Ready
<option value=”images/pflower.jpg”>Flower Girl
<option value=”images/pintimate.jpg”>Intimacy
<option value=”images/pcowboy.jpg”>Cowboy
<option value=”images/pgate.jpg”>Gate
<option value=”images/pcafe.jpg”>Cafe Scene
</select>
</td> (NB: I WANT TO GET RID OF THIS TABLE ROW AND FORM OPTION, BUT THE SLIDESHOW WON’T WORK WITHOUT IT)
</tr>
<tr>
<td align=center bgcolor=”#000000″>
<input type=button onClick=”first();” value=”|<<” title=”Beginning” name=”button”>
<input type=button onClick=”previous();” value=”<<” title=”Previous” name=”button”>
<input type=button name=”slidebutton” onClick=”ap(this.value);” value=”Start” title=”AutoPlay”>
<input type=button onClick=”next();” value=”>>” title=”Next” name=”button”>
<input type=button onClick=”last();” value=”>>|” title=”End” name=”button”>
</td>
</tr>
</table>
</form>
[COLOR=red](this is placed in BODY)