Как работает плагин Image Hover jQuery? - PullRequest
Новая
       30

Как работает плагин Image Hover jQuery?

0 голосов
/ 17 февраля 2011

Я хотел бы использовать плагин Image Hover на моем веб-сайте.

Поскольку я использовал jQuery только неделю, я не настолько опытен. Что бы я хотел, это следующее:

На моем веб-сайте созданы всевозможные эскизы, которые показывают предварительные просмотры моих проектов. Что я точно хочу, так это то, что, когда вы сталкиваетесь с картиной, «висевшей», в ней есть какая-то картина. (Этот шаблон на всех изображениях имел в виду.) Может кто-нибудь помочь мне реализовать код?

Это будет частью исчезновения: 

    if(opt.fade){
      var offset = node.offset();
      var hover = node.clone(true);
      hover.attr('src', hoverImg);
      hover.css({
        position: 'absolute',
        left: offset.left,
        top: offset.top,
        zIndex: 1000
      }).hide().insertAfter(node);
      node.mouseover(
        function(){
          var offset=node.offset();
          hover.css({left: offset.left, top: offset.top});
          hover.fadeIn(opt.fadeSpeed);
          node.fadeOut(opt.fadeSpeed,function(){node.show()});
        }
      );
      hover.mouseout(
        function(){
          node.fadeIn(opt.fadeSpeed);
          hover.fadeOut(opt.fadeSpeed);
        }
      );
    }else{
      node.hover(
        function(){node.attr('src', hoverImg)},
        function(){node.attr('src', orgImg)}
      );
    }

1 Ответ

0 голосов
/ 17 февраля 2011

  1. Не уверен, что вы подразумеваете под ... Что я точно хочу, так это то, что когда вы сталкиваетесь с картиной, «зависшей» , картина на этой картинке такая, как была.( Этот шаблон на всех изображениях имел в виду. ) Это предложение просто не имеет смысла для меня.Пожалуйста, уточните ...

  2. Я не понимаю, почему вам нужно переписать внутренние компоненты плагина.

  3. Если я вас правильно понимаю,вы хотите использовать одно собственное изображение как часть атрибута src для передачи в плагин imghover.Для этого просто убедитесь, что он находится в нужном месте, и укажите полный путь к нему.

    Так, например, у вас есть ваше изображение в /images/image01.png и ваше изображение при наведении, которое будетбыть использованным для всех изображений находится в /images/hover.png, вы бы сделали ... что-то вроде $ ("img"). imghover ({src: "/ images / hover.png"});в вашем обработчике событий загрузки окна или эквивалентном $ (function () {...} jQuery.

    Опять же, обязательно включайте полный путь. вместо просто hover.png.

См. Пример, который я сделал здесь . Мне пришлось ввести полный источник imghover и добавить его в качестве встроенного сценария, поскольку по какой-то причине я не могу получить его поток непосредственно изхранилище, но я не изменил ничего внутри плагина.

...