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

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

  1. Barmunk

    Barmunk Гость

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

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

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