Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Смена картинки mouseover плагин

Автор: KonstRuctor 5.3.2015, 16:57

Привет всем!
Написал скрипт смены картинок по mouseover
https://jsfiddle.net/KonstRuctor/7t6xkx0v/
(хостинг кода картикни не меняет, но не суть, они меняются на локальной машине)
Хочу написать универсальный плагин, чтобы можно было вызывать таких примеров хоть 10 на странице. Мне это надо для того, чтобы показывать примеры было-стало.
Сейчас у меня так:

Код


<div class="picwrapper">
...
</div>

Я хотел бы как-то так:

Код


<div class="picwrapper" id="go1">
...
</div>
<div class="picwrapper" id="go2">
...
</div>

После чего плагин поместить в отдельный файл и вызывать:

Код


$('#go1').myPlugin();
$('#go2').myPlugin();

Пробовал сам написать плагин, но в сети примеры все какие-то сложные, с кучей настроек и параметров. Как я понял, мне надо всего навсего заменить $('.director').mouseover на какой-то универсальный вызов. Как это сделать?

Автор: Aliance 6.3.2015, 12:41

Лучше не по IDшнику вызывать, а по классу:

Код


$('.rollover').myPlugin();

Вот статья о том http://habrahabr.ru/post/158235/.

Автор: KonstRuctor 24.3.2015, 17:09

Спасибо! Статья сложная. Я пробовал ее изучать, но слишком запарно это.
Мне нужно все-то понять, как делать универсальный вызов. И все.
Оказалось проще руками на странице разные id у блоков прописывать, чем с плагином париться.