Ok, ran into a small problem.
I'm getting a javascript error in Internet Explorer 7 (but it works fine with IE7 on the innerfade site in my first post). It also works in Firefox just fine.
Here is what I'm getting:
Line: 56
Char: 11
Error: Object doesn't support this property or method
Code: 0
URL: Kentucky School Boards Association (http://test.ksba.org)
Here is the test site where I'm trying to set this up: Kentucky School Boards Association (http://test.ksba.org)
Here is the exact code I'm using:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$('#innerfade').innerfade({
speed: 'slow',
timeout: 8000,
type: 'random',
containerheight: '200px'
});
});
</script>
<div id="secondary-header-right">
<ul id="innerfade">
<li><img src="/images/image.jpg" title="image 1" alt="image1" /></li>
<li><img src="/images/image2.jpg" title="image 2" alt="image2" /></li>
<li><img src="/images/image3.jpg" title="image 3" alt="image3" /></li>
<li><img src="/images/image4.jpg" title="image 4" alt="image4" /></li>
<li><img src="/images/image5.jpg" title="image 5" alt="image5" /></li>
</ul>
</div>
Any ideas?