상위 스크립트 정지관련 질문 채택완료
코딩어려웡
3년 전
조회 2,093
</p>
<p><script></p>
<p> /*이미지 슬라이드*/ </p>
<p>$(function(){</p>
<p> var _interval;</p>
<p> var elem = $(".slider");</p>
<p> elem.find("> :gt(0)").hide();</p>
<p> elem.hover(function() {</p>
<p> clearInterval(_interval)</p>
<p> }, function() {</p>
<p> interval()</p>
<p> });</p>
<p> var interval = function() {</p>
<p> _interval = setInterval(function(){</p>
<p> elem.find("> :first-child")</p>
<p> .fadeOut(2000).next().fadeIn(1000).end()</p>
<p> .appendTo(elem);</p>
<p> }, 6000)</p>
<p> };</p>
<p> interval()</p>
<p>}); </p>
<p> /* 마우스오버*/ </p>
<p> $(function(){</p>
<p> $(".imglink").hover(function(){ </p>
<p> var img_url = $(this).attr("rel");</p>
<p> $("#sectionbg").attr({src:img_url}) </p>
<p> .hide() </p>
<p> .fadeIn(1000)</p>
<p> });</p>
<p>}); </p>
<p> </p>
<p></script></p>
<p>이미지 슬라이드에 마우스오버시 정지되는 기능을 넣고
텍스트 마우스 오버시 이미지 변경되는 스크립트를 넣었습니다.
궁금한게 텍스트 마우스오버시 이미지는 변경되지만 상위 슬라이드 페이드인이 동시에 작동되어
이미지 고정이 되지 않습니다. 종일 찾고 있는데 방법이 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인