Большая нагрузка 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>
ссылка на лупу: http://www.professorcloud.com/mainsite/cloud-zoom.htm

З.Ы. Просто подключить лупу в хэдер как написано в примере не получится, потому что вывод каталога на сайте сделан целиком на аяксе.
 
Ну включили библиотеку, хорошо.
А дальше в чем проблема?
Вынесите свой код просто в функцию, которой передавайте 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()..
 
Мы в соцсетях:

Взломай свой первый сервер и прокачай скилл — Начни игру на HackerLab

🚀 Первый раз на Codeby?
Гайд для новичков: что делать в первые 15 минут, ключевые разделы, правила
Начать здесь →
🔴 Свежие CVE, 0-day и инциденты
То, о чём ChatGPT ещё не знает — обсуждаем в реальном времени
Threat Intel →
💼 Вакансии и заказы в ИБ
Pentest, SOC, DevSecOps, bug bounty — работа и проекты от проверенных компаний
Карьера в ИБ →

HackerLab