JQuery problem (Fotorama)
Hi.
I'm trying to design a website for an online exhibit I'm doing. The exhibit will have a rotating carousel of images (specifically using the Fotorama JQuery plug in). I wrote the code for the site, and when I tested it out, it seemed to work fine for IE, but the images won't load when I try to open the page in Firefox.
Here's the code I wrote. Do I need to add or subtract something from the code to make it work in Firefox?
=================
<!doctype html>
<html>
<head>
<title>Fashion Through the Decades</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="http://fotorama.s3.amazonaws.com/4.6.2/fotorama.css" rel="stylesheet">
<script src="http://fotorama.s3.amazonaws.com/4.6.2/fotorama.js"></script>
<link href="fashion/fashionstylesheet.css" rel="stylesheet" type="text/css">
</script>
</head>
<body><center>
<div id="wrapper">
<table border="10"><th colspan="2"><center><img src="images/fashionbanner.jpg" alt="Fashion Through the Decades" border="5" style="border-radius: 20px";></center></th>
<tr><td valign="top">
<aside>
<nav>
<br><a href="about.html"><img src="images/aboutbutton.png" onMouseOver="this.src='images/onaboutbutton.png'" onMouseOut="this.src='images/aboutbutton.png'" alt="About the Department"/></a>
<p><hr>
<h2 align="center">Decades of Fashion</h2>
<p><a href="about.html"><img src="images/70button.png" onMouseOver="this.src='images/70onbutton.png'" onMouseOut="this.src='images/70button.png'" alt="1970's"/></a>
<p>
<a href="about.html"><img src="images/80button.png" onMouseOver="this.src='images/80onbutton.png'" onMouseOut="this.src='images/80button.png'" alt="1980's"/></a>
<p><a href="about.html"><img src="images/90button.png" onMouseOver="this.src='images/90onbutton.png'" onMouseOut="this.src='images/90button.png'" alt="1990's"/></a>
<p><a href="about.html"><img src="images/00button.png" onMouseOver="this.src='images/00onbutton.png'" onMouseOut="this.src='images/00button.png'" alt="2000's"/></a>
<br>
<hr>
<p><a href="behind.html"><img src="images/behindbutton.png" onMouseOver="this.src='images/onbehindbutton.png'" onMouseOut="this.src='images/behindbutton.png'" alt="Behind the Scenes"/></a>
<p><a href="profiles.html"><img src="images/profilesbutton.png" onMouseOver="this.src='images/onprofilesbutton.png'" onMouseOut="this.src='images/profilesbutton.png'" alt="Student Profiles"/></a>
<p><a href="behind.html"><img src="images/workscitedbutton.png" onMouseOver="this.src='images/onworkscitedbutton.png'" onMouseOut="this.src='images/workscitedbutton.png'" alt="Works Cited"/></a>
<p><a href="behind.html"><img src="images/acknowledgementsbutton.png" onMouseOver="this.src='images/onacknowledgementsbutton.png'" onMouseOut="this.src='images/acknowledgementsbutton.png'" alt="Acknowledgements"/></a>
<p><a href="behind.html"><img src="images/copyrightbutton.png" onMouseOver="this.src='images/oncopyrightbutton.png'" onMouseOut="this.src='images/copyrightbutton.png'" alt="Copyright Notice"/></a>
</nav>
</aside>
</td>
<td valign="top"><div id="parent">
<article>
<p align="left">The 1970�s was a decade of fragmentation for the United States. The economy collapsed, the country was divided over Vietnam, and the Watergate scandal destroyed the nation�s trust in their elected officials. At the same time, young people, especially women, were rebelling against a system they thought was oppressive and unfair. This rebellion carried over into the world of fashion, bringing with it a rejection of clothing trends from previous decades. In the words of Charlotte Seeling, �[f]ashion � like life in general � was no longer subject to fixed rules; everyone could dress in what suited them.� The result was a mishmash of patterns and fabrics meant to express the wearer�s independence.</p>
<center><div class="fotorama"
data-fit="scaledown"
data-loop="true"
data-nav="thumbs"
data-arrows="true"
data-click="true"
data-swipe="false"
data-direction="ltr">
<img src="images/1970s/19710521.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19710603-1.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19710603-2.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19710603-3.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19710603-4.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19710627-1.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19710627-2.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19710627-3.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19710805-1.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19710805-2.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720615-1.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720615-2.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720615-3.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720615-4.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720615-5.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720615-6.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720817-1.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720817-2.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720817-3.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720817-4.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19720817-5.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19730222-3.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19730222-4a.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19730222-5.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19770720-1.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19770720-2.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19770720-3.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19770720-4.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
<img src="images/1970s/19770720-5.tif" alt="" onClick="showbig(this.src)" width="250" height="150" >
</center></article></td></tr></table>
</div></div></center>
</body>
</html>