Сбрасывание события mouseover
 

Здравствуйте!

Зарание извиняюсь если написал не в тот раздел!

У меня следующая проблема:



На картинке видно размещение элементов. В span лежит картинка отцентрованная. Картинка немного меньше размеров самого span. Span можно заменить на div, картинку в принципе тоже, это не столь важно, проблема останется.

На span навешены события mouseover и mouseout (использую jQuery), то есть когда мы мышкой попадаем на картинку, всё равно событие mouseover выполняется, потому что картинка img лежит в span.

И тут есть одно но: когда мышка находится на элементе span и не попадает на изображение выполняется всё нормально, а когда мышку переводим на картинку именно на границе img происходит mouseout и сразу же опять mouseover. Возвращаем мышку с img на span - та же ситуация. Не могу понять в чём проблема, объясните пожалуйста!

Эту проблему в действии можно увидеть здесь - мигает появляющаяся увеличенная картинка. Изображение телефона находится в блоке с серым бордером. Mouseover навешано на сам блок (модераторам: прошу не рассматривать ссылку как рекламу, если так нельзя то удалите только ссылку)

Зарание спасибо!

Потому что когда мышка над картинкой, она не над спаном.
Прокидывайте событие по цепочке вложенности. img>span

строк много ,не понятно ничего.
Прежде чем что начинать изучите хотя бы основы минимальные-избавит от множества вопросов
в джиквери есть ещё мауслив,маусэнтр,ховер...

Спасибо, согласен, виноват, не изучил до конца вопрос! Теперь всё заработало! :)