Ищите jQuery-версию Fireworks 'Swap Image' - PullRequest
Новая
       15

Ищите jQuery-версию Fireworks 'Swap Image'

0 голосов
/ 12 октября 2009

Переход на jQuery Way из Fireworks и необходимость реализации версии jQuery, которую FW называет «обмен изображениями». Я также видел термин «Несвязанный ролловер». Вместо простого изменения источника изображения активированного якоря эта версия также поменяет источник других «кусочков» (изображений), не связанных с текущим / активированным.

Ответы [ 3 ]

0 голосов
/ 12 октября 2009

Я предполагаю, что вы сделали бы это с помощью метода hover, используя селектор класса. Когда вы наводите указатель мыши на коллекцию, вы заменяете атрибут src каждого элемента в наборе версией изображения «hover». Я использую относительное расположение изображения в наборе, чтобы различать имена, но я полагаю, что вы можете сохранить массив имен или использовать какой-то другой детерминированный алгоритм. 

  $('.swap').hover(
      function() {
          $('.swap').find('img').each( function(i) {
              $(this).attr('src','/path/to/image/img_hover' + i + '.png';
          },
      function() {
          $('.swap').find('img').each( function(i) {
              $(this).attr('src','/path/to/image/img' + i + '.png';
          }
      }
  });

HTML 

<div class="swap">
   <img ...
   <img ...
   ...
</div>
0 голосов
/ 12 октября 2009

Вам просто нужно добавить все эти изображения в обработчик событий hover: 

$("image1").hover(function() {
     $("this").attr("src") = "newimage2.png";
     $("#image2").attr("src") = "newimage2.png";
};

Я бы дал всем именам изображений что-то вроде «slice-1.png» и id «slice-1», чтобы вы могли использовать функцию, которая не пошла одна за другой, а просто подключалась ко всем изображениям. с идентификатором, начинающимся с «slice», а затем заменяет src на всех них, чтобы сказать «otherslice-1» или что там у вас.

0 голосов
/ 12 октября 2009

Вот учебник только для этого. Найдено путем ввода в Google "jQuery disjointed rollover".

...