jQuery의 Fireworks '스왑 이미지'버전 검색

Fireworks에서 jQuery 웨이로 이동하고 FW에서 '이미지 교체'동작을 호출하는 jQuery의 버전을 구현해야합니다. 나는 또한 '분리 된 롤오버 (Disjointed Rollover)'라는 용어를 사용했다. 활성 앵커의 이미지 소스를 간단히 변경하는 대신이 버전은 현재/활성화 된 앵커에 연결되지 않은 다른 '슬라이스'(이미지)의 소스도 바꿀 것입니다.jQuery의 Fireworks '스왑 이미지'버전 검색

출처

2009-10-12 justSteve

그냥 여기에 tutorial입니다. Google에서 'jQuery disjointed rollover'를 입력하면됩니다.

출처

2009-10-12 11:55:42 slikts

클래스 선택기를 사용하여 호버 메소드를 사용한다고 가정합니다. 콜렉션 위로 마우스를 가져 가면 세트의 각 요소의 src 속성을 이미지의 "마우스 오버"버전으로 바꿉니다. 세트의 이미지의 상대 위치를 사용하여 이름을 구별하고 있지만 이름 배열을 유지하거나 다른 결정적 알고리즘을 사용할 수 있다고 가정합니다.

$('.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

당신은 단순히 그 이미지가 hover 이벤트 핸들러에있는 어떤 추가해야

<div class="swap"> 
    <img ... 
    <img ... 
    ... 
</div>

출처

2009-10-12 11:57:49 tvanfosson

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

내가 "조각 같은 이미지 이름 뭔가 모두를 줄 것이다 -1.png "ID와"slice-1 "ID를 사용하여 하나씩 이동하지 않고"슬라이스 "로 시작하는 ID로 모든 이미지에 연결 한 다음 src를 모두로 바꾼다. 의 그들에게 "otherslice-1"이라고 말하면서 또는 당신에게 무엇이 있는지.

출처

2009-10-12 11:58:07 Anthony

jQuery의 Fireworks '스왑 이미지'버전 검색

답변

관련 문제