[jQuery] slow jQuery functionality in IE on Windows
My page:
http://dev.theredgroup.us/greenside
Please mouseover six graphic 'tiles' on righthand side. Content below
changes as well as tile color changes.
Problem:
IE on Windows has very slow performance, with lag between mouseover of
images leading to slow change from gray to color.
Firefox Mac/Win and Mac Safari does not show this. I have not tried
Mac IE.
Any thoughts?
The jQuery code that controls this content:
$("#tiles a").mouseover(function(){
// get tile filename
var newsrc = $(this).children("img").attr("src");
// change all tiles to gray
$("#tiles a img").each(function(){
var newsrc2 = $(this).attr("src");
$(this).attr("src", "images/tiles/"+newsrc2.substr(13,5)+"-
gray.gif");
});
// change this tile to color
$(this).children("img").attr("src", "images/
tiles/"+newsrc.substr(13,5)+"-color.gif");
// change text content
$("#hpcopy div").css("display","none").appendTo("#holding");
$
("#"+newsrc.substr(13,5)).css("display","inline").appendTo("#hpcopy");
});
thanks!
Jason