Форум

slonik_mak · #1 (**permalink**) 29.07.2010, 22:20

странное поведение 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);
})

рони · #2 (**permalink**) 30.07.2010, 03:07

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>

slonik_mak · #3 (**permalink**) 30.07.2010, 16:57

Да. На этой картинке всё в порядке.
Но моя почему-то глючит. Там PNG - текст с прозрачным фоном. Для EI использую скрипт PNGfix. Может от этого?

slonik_mak · #4 (**permalink**) 30.07.2010, 17:01

Точно! Отрубил PNGfix - в IE8 работает корректно. Тогда как быть с прозрачностью в IE6?

рони · #5 (**permalink**) 30.07.2010, 17:04

slonik_mak,
В вашем примере скрипта нехватает }) в конце

JsLoveR · #6 (**permalink**) 01.08.2010, 02:30

Сообщение от slonik_mak

Тогда как быть с прозрачностью в IE6?

С помощью css можно вылечить:

.element{
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/png-image.png', sizingMethod='scale');
}

slonik_mak · #7 (**permalink**) 03.08.2010, 00:05

а в src адрес каждой картинки писать? А то у меня их много получается

Форум

Справочник

Discord чат

Курсы javascript