mouseover в ie
странное поведение mouseover, проявляющееся в ie(и в 8-ом тоже)
задача: при наведении мышкой на картинку она немного увеличивается и сразу обратно уменьшается. проблема в IE: навёл мышкой, анимация проигралась, не убирая мышку с картинки, но подвигав её анимация пригрывается ещё раз. Т.е. событие onmouseover срабатывает несколько раз, в независимости от того уходил курсор мышки с объекта или нет. А в других броузерах всё вроде норамльно.
$(
function(){$('img').mouseover(function(event){
$(this).stop().animate({width:"300px",height:"110px",left:"0",top:"0"}, 150).animate({width:"264px",height:"91px",left:"0",top:"0"}, 150);
})
|
slonik_mak, и где глюк?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<img src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" border="0" alt="" />
<script language="JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
$(function(){$('img').mouseover(function(event){
$(this).stop().animate({width:"350px",height:"110px",left:"0",top:"0"}, 150).animate({width:"336px",height:"76px",left:"0",top:"0"}, 150);
}) })
</script>
</body>
</html>
|
Да. На этой картинке всё в порядке.
Но моя почему-то глючит. Там PNG - текст с прозрачным фоном. Для EI использую скрипт PNGfix. Может от этого? |
Точно! Отрубил PNGfix - в IE8 работает корректно. Тогда как быть с прозрачностью в IE6?
|
slonik_mak,
В вашем примере скрипта нехватает }) в конце |
Цитата:
.element{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/png-image.png', sizingMethod='scale');
}
|
а в src адрес каждой картинки писать? А то у меня их много получается
|
| Часовой пояс GMT +3, время: 22:16. |