jquery - Fade in/out not working in IE -
i uploaded new site , noticed after while (my fault) fade in/fade out effect on navigation menu not work on ie. it's driving me crazy because works in other browsers. ideas why?
here link site: http://www.sveiki-constructions.com , here jquery:
$(document).ready(function(){ function preload(arrayofimages) { $(arrayofimages).each(function(){ $('<images/>')[0].src = this; }); } preload([ 'home_default.jpg', 'home_lowbudget.jpg', 'home_coldroom.jpg', 'home_cleanroom.jpg', 'home_distribution.jpg', 'home_distribution.jpg', 'home_mini.jpg', 'home_panels.jpg' ]); $('.link ').hover( function(){ $(this).css({'background-color':'#333333'}); var imgloc= $(this).find('a').attr('alt'); var oldpic =$('.homecontainer .image img'); var oldsrc= $(oldpic).attr('src'); var newpic =$('<img src="images/' + imgloc + '.jpg">'); var newsrc= $(newpic).attr('src'); if(newsrc !== oldsrc){ $('.homecontainer .image').prepend(newpic); newpic.hide(); newpic.fadein(500); oldpic.fadeout(500, function(){ $this.remove(); }); } }, function(){ $(this).css({'background-color':'#1c3261'}); }) $('.homecontainer .image').prepend('<img src="images/home_default.jpg">'); });
according post, might need add together filter css:
$('<your menu selector>').css('filter', 'alpha(opacity=0)'); // or 100 fadeout 1st
jquery fadein fadeout
No comments:
Post a Comment