이미지 위로 마우스를 가져 가면 슬라이드 아웃되는 이미지에 오버레이를 만들려고합니다. 이 질문과 같은 이유 - JQuery Text slideDown/slideUp Overlay on Image Keeps Bouncing?. 이 accesible 그래서jQuery slide 이미지 슬라이드에 div 오버레이가 바로 생성됩니다.
나는 jsFiddle에 내 코드를 배치 한 - http://jsfiddle.net/jamescallaghan/hg9r7/
어떤 도움이 많이 주시면 감사하겠습니다.
나는 맴돌 았던 문제는 이미지 요소 .slide가 아닙니다. 텍스트 패널이 위쪽으로 미끄러 져 이미지를 덮었을 때 마우스를 움직이면 마우스를 가리키면 움직입니다.
이 부분을 살펴 보겠습니다. 코드를 조금 업데이트했습니다. 여러 슬라이드로 작업해야합니다 :) 희망이 도움이!
모든 최고의, 앤서니
모두에게 감사드립니다. 모든 div 주위에 또 다른 div를 추가하여 상단 div가 그림자 컨테이너로 사용되는 동안 마우스를 호버라고 부를 수 있습니다. –
굉장해! 도와 줘서 다행 :) –
아마도 각 기능에 대해 mouseenter og mouseleave를 사용해야합니다.
유일한 문제는 새 div 위로 마우스를 가져 가면 아래로 슬라이드된다는 것입니다. 그래서 당신은 그것을 고칠 필요가 있습니다.
편집 :
이 부분 수정입니다 실제로는 코드가 이미, 그래서 실제 개선하지 않았다 것입니다. 귀하의 코드 문제는 마우스 커서가 당신이 당기는 상자 위로 넘어가는 것을 의미합니다. 즉, 당신이 떠날 것이라는 의미입니다. 쉴드 img
도움을 주셔서 감사합니다.하지만 확실히 다른 방법을 사용하기 전에 이전과 동일하게 수행하고 있습니다. 문제는 새 요소 위로 마우스를 이동하는 것입니다. –
네, 그게 내가 발견 한 것입니다 ... 비슷한 문제를 해결하기 위해 을 hoverIntent : http://cherne.net/brian/resources/jquery.hoverIntent.html 에서 보았거나 이미지와 div보다 위에 있으며, 호버를 호출 할 때 사용합니다. – Holger
나는 당신이 겪고있는 정확한 어떤 문제 작동하는 것 같다 jsfiddle로 이동? –
새 요소가 들어가고 마우스가 해당 요소 위에 있으면 오버레이가 밖으로 나옵니다. 마우스가 이미지를 떠날 때 오버레이가 밖으로 슬라이드 싶어요. –