Javascript/JQuery를 사용하여 마우스를 올려 놓을 때 미리보기 이미지 배경을 어떻게 설정합니까?

사용자가 작은 미리보기 이미지 위에 마우스를 올려 놓으면 그 이미지가 배경 이미지를 대체하기를 원합니다.Javascript/JQuery를 사용하여 마우스를 올려 놓을 때 미리보기 이미지 배경을 어떻게 설정합니까?

Javascript/JQuery를 사용하여 어떻게 할 수 있습니까?

2012-11-19 fwho

무엇을 시도 했습니까? 당신의 코드는 어디에 있습니까? 이 대답이 없다면 우리는 아무 것도 할 수 없지만 짐작할 수 있습니다. –

JavaScript로 대답을 찾으려고했지만 함수를 만들지 못했습니다. 예를 들어, 엘리먼트 ID를 부르지 않을 것이다. 그래서 무엇을 부를지 모른다. – fwho

예 Frank에서 ID를 사용할 필요는 없습니다. 예를 들어 요소 유형을 사용할 수 있습니다. img 또는 좋아하는 것. – lifetimes

$('thumbnail id').hover(function(){ 
    $(this).css('background-image','new image'); 
});

2012-11-19 22:33:51 lifetimes

이것은 멋지지만 다른 질문에 대답합니다 ... –

"사용자가 *** 작은 작은 이미지 위에 마우스를 올려 놓으면"... –

정말 미안합니다 ... 현재 취소를 시도했지만 잠겨 있습니다 –

JQuery's hover이 처리됩니다. 기본적으로 당신은 당신의 분할, HTML 태그는 tumbnail_id의 ID를 가지고 가정

$('#tumbnail_id').hover(function() { 
    // set the background 
}, function() { 
    // unset the background 
});

이미지를 얻을 (즉, 원하는 동작입니다 경우에 마우스 오버 및 해제 아웃) 배경 이미지를 설정하기 위해 호버 기능을 설정합니다. 여러 축소판이있는 경우 셀렉터 및 CSS 클래스로 좀 더 영리한 작업을 할 수 있지만이 작업은 호버 기능을 추가하는 기본 사항입니다.

2012-11-19 22:39:29 zbrunson

감사합니다. – fwho

답변