Всем привет!
Имеется, вот такой вот, простой код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="lib/jquery/jquery-1.4.4.min.js"></script>
</script>-->
</head>
<body>
<img src="style/default/icons/flags/128/ru.png"/>
<img src="style/default/icons/flags/128/ua.png"/>
<img src="style/default/icons/flags/128/ja.png"/>
<script>
$('img').fadeTo(200, 0.8);
$('img').hover(function(){
$(this).fadeTo(200, 1.0);
}, function(){
$(this).fadeTo(200, 0.8);
});
</script>
</body>
</html>
И проблема такова, что в браузере Chrome, он работает некорректно - при наведении курсора на область тега img картинка сначала мигает/мерцает(как бы перерисовывается), а потому уже меняет прозрачность по условию. В браузере firefox все просто замечательно. Подскажите пожалуйста, как бы мне избежать такого неприятного явления?
Может быть я как-то неправильно использую .fadeTo? Я знаю, что доступен еще и третий параметр - функция, но мне не нужно ничего выполнять...