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

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

Barmunk

#1
Добрый день. Подскажите пожалуйста как решить такую проблему. Установил на сайт плагин лупы для изображений. Все подключается и работает, но так как это интернет магазин на одной странице может находиться до 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

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

vital

Больной Компом Детектед
29.01.2006
2 432
33
#2
Ну включили библиотеку, хорошо.
А дальше в чем проблема?
Вынесите свой код просто в функцию, которой передавайте 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()..