Click to See Complete Forum and Search --> : Please help with Javascript


eldritchknight
07-12-2003, 07:31 PM
I'm trying to use some JS code I downloaded. The code is used to make it so I can scroll through images in a browser by clicking on buttons. I try to change the the input type so that the buttons display as images I use instead of using standard buttons, but when I do that the whole thing stops working completely. Can someone help me?
---------------------------------------------------------------
<table border="0" cellpadding="0">
<caption><strong>Air Show Photos</strong></caption>
<tr>
<td width="100%"><img src="plane1.gif" width="300" height="240" name="photoslider"></td>
</tr>
<tr>
<td width="100%"><form method="POST" name="rotater">
<div align="center"><center><p><script language="JavaScript1.1">
var photos=new Array()
var which=0

/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="plane1.gif"
photos[1]="plane2.gif"
photos[2]="plane3.gif"
photos[3]="plane4.gif"
photos[4]="plane5.gif"


function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
}
}

function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
}
else window.status='End of gallery'
}
</script><input type="button" value="&lt;&lt;Back" name="B2"
onClick="backward()"> <input type="button" value="Next&gt;&gt;" name="B1"
onClick="forward()"><br>
<a href="#" onClick="which=1;backward();return false"><small>Start Over</small></a></p>
</center></div>
</form>
</td>
</tr>
</table>

<p align="center"><font face="arial" size="-2">This free script provided by</font><br>
<font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website
Abstraction</a></font></p>
------------------------------------------------

brendandonhue
07-12-2003, 07:56 PM
Change
<input type="button" value="&lt;&lt;Back" name="B2"
onClick="backward()"> <input type="button" value="Next&gt;&gt;" name="B1"
onClick="forward()">
to
<img src="back.gif" name="B2"
onClick="backward()"> <img src="forward.gif" name="B1"
onClick="forward()">
and it should work.

eldritchknight
07-12-2003, 08:10 PM
It worked, thank you very much :-)

brendandonhue
07-12-2003, 08:15 PM
You're Welcome