I have set-up a Javascript for a picture viewer. The Javascript works on both PC's and Macs on Internet Explorer and Firefox browsers. However, it does not work in Safari.
Here is the link to the website:
http://www.foodbypaige.com
Link I'm having problems with:
http://www.foodbypaige.com/work_editorial.html
Here is the JavaScript code I used: Please HELP!
<tr>
<td align="left" width="650">
<img src="images/editorial_1.jpg" width="517" height="100%" name="photoslider">
<p>
<form method="POST" name="rotater">
<div align="right">
<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]="images/editorial_1.jpg"
photos[1]="images/editorial_2.jpg"
photos[2]="images/editorial_3.jpg"
photos[3]="images/editorial_4.jpg"
photos[4]="images/editorial_5.jpg"
photos[5]="images/editorial_6.jpg"
photos[6]="images/editorial_7.jpg"
photos[7]="images/editorial_8.jpg"
photos[8]="images/editorial_9.jpg"
photos[9]="images/editorial_10.jpg"
photos[10]="images/editorial_11.jpg"
photos[11]="images/editorial_12.jpg"
photos[12]="images/editorial_13.jpg"
photos[13]="images/editorial_14.jpg"
photos[14]="images/editorial_15.jpg"
photos[15]="images/editorial_16.jpg"
photos[16]="images/editorial_17.jpg"
photos[17]="images/editorial_18.jpg"
photos[18]="images/editorial_19.jpg"
photos[19]="images/editorial_20.jpg"
photos[20]="images/editorial_21.jpg"
photos[21]="images/editorial_22.jpg"
photos[22]="images/editorial_23.jpg"
photos[23]="images/editorial_24.jpg"
photos[24]="images/editorial_25.jpg"
photos[25]="images/editorial_26.jpg"
photos[26]="images/editorial_27.jpg"
photos[27]="images/editorial_28.jpg"
photos[28]="images/editorial_29.jpg"
photos[29]="images/editorial_30.jpg"
photos[30]="images/editorial_31.jpg"
photos[31]="images/editorial_32.jpg"
photos[32]="images/editorial_33.jpg"
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>
</div>
</form>
<td align="left" width="370">
<div class="work_logo">
<img src="images/logo.jpg" width="244" height="65" /><br />
<a href="home.html"> <strong>HOME</strong></a><strong> |
<a href="about_paige.html">ABOUT</a> |
<a href="work.html">WORK</a> |
<a href="clients_advertising.html">CLIENTS</a> |
<a href="contacts.html">CONTACT</a></strong> </div>
<p>
<div align="left" class="work_header">
<br />
<strong>VIEW WORK SAMPLES </strong></div>
<p />
<div class="work_fonts" align="left">
<a href="work_editorial.html">> EDITORIAL</a><br />
<a href="work_advertising.html">> ADVERTISING</a><br />
<a href="coming_soon.html">> REELS</a><br />
</div>
<p>
<div class="work_fonts2" align="left">
<a href="#" onClick="backward()"><small><< BACK</small></a> |
<a href="#" onClick="which=1;backward();return false"><small>START OVER</small></a> |
<a href="#" onClick="forward()"><small>NEXT >></small></a><br />
</div>
</tr>
