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

Тема в разделе "Web 2.0, AJAX, Ruby, RSS технологии", создана пользователем Barmunk, 21 окт 2010.

  1. Barmunk

    Barmunk Гость

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

    вот какую функция я смог прописать для включения библиотеки:
    Код (Text):
    <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

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

    vital Больной Компом Детектед

    Репутация:
    0
    Регистрация:
    29 янв 2006
    Сообщения:
    2.434
    Симпатии:
    39
    Ну включили библиотеку, хорошо.
    А дальше в чем проблема?
    Вынесите свой код просто в функцию, которой передавайте 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()..
     
Загрузка...

Поделиться этой страницей