2013-05-14 3 views
0

여러분 중 한 분이 도와 주셔서 감사합니다.jScript 돋보기 - 마우스 오버

나는 동적 드라이브에 이미지 돋보기를 발견,하지만 내가 .. 그 한 가지를 제외하고 완벽한 원하는 것을 정확히 아니다. 사용자가 이미지를 클릭하여보고 싶지는 않지만 마우스를 올려 놓으면 화면 중앙에 이미지가 확대되기를 원합니다. 사람이 내가 찾던처럼 하나에 링크가 http://www.dynamicdrive.com/style/csslibrary/item/css3_hover_image_gallery/

경우, 또는 완벽 할 것이다 가져가 작업을 할 수있는 imagemagnify 하나를 얻을 수 있습니다 : 나는 이곳과 같은 몇 가지 다른 시도했다! http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm

이 답을 여러분 모두 감사합니다 :

여기에 내가 좋아하는 일에 대한 링크입니다!

+0

그것은 당신이 당신이 좋아하지 않는 (즉, 호버에서 이미지를 확대)에 게시 된 최초의 솔루션에 대해 무엇입니까? 언급 한 모든 요구 사항을 충족시키는 것 같습니다. 이미지를 확대하고 마우스를 올리면됩니다. 편집 : 또한, 왜이 질문은 "jscript"태그가? – Zhihao

+0

나는 그것을 확대하기 위해 이미지를 클릭하는 방법을 좋아하지 않는다. 나는 단지 그것 위에 마우스를 가져갈 수 있고 싶다. 그리고 그것은 확대한다. 또한 돋보기와 호버 줌 중 일부는 jscript로 작성되기 때문에 jscript로 태그가 지정됩니다. –

+0

확대 된 이미지가 다른 이미지와 너무 가까워서 커서를 가져 가면 확대 된 이미지와 작동하지 않습니다. 그래서 다른 이미지들은 확대 된 이미지의 꼭대기에 있습니다. –

답변

1

는 당신이 요청하는 일을 다른 플러그인의 모르겠지만, 당신이 축소 된 아니에요 때문에 그냥 자신의 목적을 위해 그들이 제공하는 소스 코드를 편집 할 수 있습니다 것 같습니다.

이미지를 클릭 대신 확대하여 이미지를 확대하도록 변경하려면 클릭 핸들이 적합한 부분을 mouseentermouseleave으로 변경할 수 있습니다.

예를 들어, 다음 줄을 변경할 수 있습니다 ... 이것에

$target.bind('click.magnify', function(e){ //action when original image is clicked on 

...

$target.bind('mouseenter.magnify', function(e){ //action when original image is hovered over 

참고 : 당신은 아마 원래의 코드 경우 그들에게 신용을 제공 할 것 너 그렇게 해.

+0

고마워요, 이걸 시험해 보겠습니다. 그리고 당연히 모든 원본 크레딧이 남습니다. 감사! –

+0

일종의 작품이지만, 내가 원했던 방식과 정확히 일치하지는 않는다. 이건 네 잘못이 아니야! 답장을 보내 주셔서 감사합니다, 그것은 작동, 그냥 작은 버그! –