新しいサイトをアップロードしたばかりで、しばらくして (私のせいで) ナビゲーション メニューのフェード イン/フェード アウト効果が IE で機能しないことに気付きました。他のすべてのブラウザーで完全に機能するため、私は夢中になっています。理由はありますか?
サイトへのリンクは次のとおりです: http://www.sveiki-constructions.com そして、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">');
});