Как изменить событие onmouseover на вместо щелчка в JavaScript?

Question

Я использую этот плагин в WordPress

http://www.iwebix.de/front-slider-wordpress-plugin-demo/

Как вы можете видеть в демонстрации выше, кнопки со стрелками влево и вправо являются элементами управления для прокрутки миниатюр и событияэто onmouseover и onmouseout.

Я не знаю, как изменить вместо этого onclick, чтобы миниатюры прокручивались влево и вправо только при нажатии кнопок.

Любая помощь или идеи покак это сделать?

Спасибо!

Вот скрипт.

http://www.iwebix.de/wp-content/plugins/front-slider/scripts/slider.js

Answer 1

У меня нет времени на подробное рассмотрение (или тестирование), но на первый взгляд вы сможете изменить события onmouseover & onmouseout на события onmousedown и onmouseup ипохоже, это все еще будет работать.Другими словами, измените это (строки 28-30):

u.onmouseover=new Function('SLIDE.scroll.init("'+this.thumbs+'",-1,'+this.scrollSpeed+')');
u.onmouseout=r.onmouseout=new Function('SLIDE.scroll.cl("'+this.thumbs+'")');
r.onmouseover=new Function('SLIDE.scroll.init("'+this.thumbs+'",1,'+this.scrollSpeed+')');

на следующее:

u.onmousedown=new Function('SLIDE.scroll.init("'+this.thumbs+'",-1,'+this.scrollSpeed+')');
u.onmouseup=r.onmouseup=new Function('SLIDE.scroll.cl("'+this.thumbs+'")');
r.onmousedown=new Function('SLIDE.scroll.init("'+this.thumbs+'",1,'+this.scrollSpeed+')');

Надеюсь, это поможет.Извините заранее, если это не так ...

Answer 2

Немного хакерский, но самый простой способ сделать это - просто привязать обработчик события onmouseover напрямую к onclick и clear onmouseover, чтобы обработчик запускался только при нажатии кнопки. Как это:

var divLeftArrow = document.getElementById("arrowleft");
divLeftArrow.onclick = divLeftArrow.onmouseover;
divLeftArrow.onmouseover = undefined;