• Курсы Академии Кодебай, стартующие в мае - июне, от команды The Codeby

    1. Цифровая криминалистика и реагирование на инциденты
    2. ОС Linux (DFIR) Старт: 16 мая
    3. Анализ фишинговых атак Старт: 16 мая Устройства для тестирования на проникновение Старт: 16 мая

    Скидки до 10%

    Полный список ближайших курсов ...

Большая нагрузка Jquery

  • Автор темы Barmunk
  • Дата начала
B

Barmunk

Добрый день. Подскажите пожалуйста как решить такую проблему. Установил на сайт плагин лупы для изображений. Все подключается и работает, но так как это интернет магазин на одной странице может находиться до 20 картинок и когда наводится мышка на одно из изображений запускается функция для всей страницы. Каким образом можно ее ограничить только одной картинкой? Навел - загрузилась картинка - подключилась функция - убрал мышку - отключилась и так по кругу...

вот какую функция я смог прописать для включения библиотеки:
Код:
<script type=\'text/javascript\'>
$(document).ready(function(){
$(\'#zoom1\').hover(function(){
$.getScript(\'js/cloud-zoom.1.0.2.min.js\', function(){
testAjax();
}); 
})
});
</script>
ссылка на лупу:

З.Ы. Просто подключить лупу в хэдер как написано в примере не получится, потому что вывод каталога на сайте сделан целиком на аяксе.
 
V

vital

Ну включили библиотеку, хорошо.
А дальше в чем проблема?
Вынесите свой код просто в функцию, которой передавайте this т.е. текущую ссылку. И внутри функции уже вызывайте свою лупу. В духе..
JavaScript:
function show(link)
{
$(document).ready(function(){
$('#'+link.id).лупа(Появись!);

}
function hide(link)
{
$(document).ready(function(){
$('#'+link.id).лупа(Пропади!);
}
<!--shcode--><pre><code class='html'><img onmoususemove="show(this)" onmouseout="hide(this)">[/CODE]
или^^ еще можно поэксперементировать с jQuery.each()..
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!