For some odd reason jQuery does not like my website page. Mozilla Firefox’s Web Developer tools is detecting no errors and I am calling out everything corretly. Here is my code:
jQuery(document).ready(function(){
jQuery(".header img").hover(function() {
jQuery(this).stop().animate({opacity: "0.5"}, 'slow');
},
function() {
jQuery(this).stop().animate({opacity: "1.0"}, 'slow');
});
jQuery(".sidebar img").hover(function() {
jQuery(this).stop().animate({opacity: "0.5"}, 'slow');
},
function() {
jQuery(this).stop().animate({opacity: "1.0"}, 'slow');
});
jQuery(".scroll li a").click(function(event){
event.preventDefault();
jQuery('html,body').animate({scrollTop:jQuery(this.hash).offset().top}, 500);
});
Shadowbox.init();
});
So, in Internet Explorer 7 and 8 the animate function is not working.
You may view the error here:
http://www.iamaaron.com/about.html
Also, in Mozilla Firefox when I hover of the images that are supposed to animate via jQuery, the Embedded YouTube video freaks out and starts shaking and changing font-sizes.
You may view this problem here:
http://www.iamaaron.com/news/something-cubed-productions-website-design-and-development.html
Thank you so much!
Aaron
