jquery in Internet Explorer - not working
I'm sure this is a very trivial and probably simple thing to fix, but unfortunately I've run into a massive wall with it!
(Vague disclaimer - i'm new to Javascript and jquery, but learning slowly.)
I've implemented the scrollTo and prettyPhoto plugin on my websites, both work brilliantly on everything but Internet Explorer:
http://www.jainamistry.com
I've used the following code to initialize the jquery:
-
<script type="text/javascript">
$(document).ready(function(){
$.localScroll();
$("a[rel^='prettyPhoto']").prettyPhoto({
animationSpeed: 'normal', /* fast/slow/normal */
padding: 40, /* padding for each side of the picture */
opacity: 0.5, /* Value betwee 0 and 1 */
showTitle: false, /* true/false */
allowresize: true, /* true/false */
counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
theme: 'light_square', /* light_rounded / dark_rounded / light_square / dark_square */
callback: function(){}
});
});
</script>
I've followed instructions for both plugins pretty well down to the T, so i can't see where i've gone wrong here. Can anyone help me out on this one?