2012-06-27 6 views
1

У меня проблема с зависанием на изображениях.Состояние наведения при вводе на сайт

При входе на сайт состояние зависания активно, но оно не должно быть до события mouseover. При перемещении мыши над изображениями эффект зависания исчезает и функционирует должным образом.

Вот код-фрагмент: http://jsfiddle.net/JwztH/

Я надеюсь, что мой вопрос понятен.

+0

http://jsfiddle.net/deerua/JwztH/4/ – deerua

+0

Так, ответ уже дан, у меня есть некоторые предложения для вашего плагина. '1-Использовать вместо live.2-return this from plugin.3. Вы можете передать две функции для зависания, в этом случае вам не нужно проверять тип события. – Jashwant

+3

Как уже упоминалось,' live' является устарел, и вы действительно не должны его использовать. http://liveisdeprecated.com –

ответ

4

Просто установите display: none; в css на предметы, которые вы не хотите видеть при запуске (например, ol li div.cykel a.cykel-hover).

Демонстрация: http://jsfiddle.net/dystroy/txYc4/

+0

Ненавижу, когда ответ так прост! - В течение нескольких часов я снимался в этой проблеме уже давно. Большое вам спасибо! –

+1

Добро пожаловать. Скажите себе, что это лучше, чем перестраивать весь сайт! –

+0

Вы проверили свою скрипку? он не работает на mouseover – Dipak

0

Кроме того, у вас есть

filter: alpha(opacity=0); 

набор в a.cykel-hover, но он будет работать только в IE. Для других браузеров добавьте opacity: 0 (и, вероятно, версии с префиксами для конкретного поставщика); http://jsfiddle.net/JwztH/6/

0

вы можете положить $(this).find(settings.target).stop().fadeTo(settings.duration, 0); применить ко всем fadeable

Demo: http://jsfiddle.net/v937A/

Смежные вопросы