var c44= new js_rolling('c_rolling44');
c44.set_direction(4);
c44.move_gap = 100; //움직이는 픽셀단위
c44.time_dealy = 1; //움직이는 타임딜레이
c44.time_dealy_pause = 5000; //하나의 대상이 새로 시작할 때 멈추는 시간, 0 이면 적용 안함
c44.mouseover_pause = false;
$(document).on('mouseover','.c_over',function() {
c44.pause();
});
$(document).on('mouseout','.c_over',function() {
c44.start();
});
새로시작하면, 2번쨰이미지부터 보이는거떄문에 settimeout을 주라고 하셔서 그렇게했구요
mouseover 와 mouseout 을 줬는데,
새로시작하고 첫번쨰 이미지에 마우스오버해도 settimeout 때문인지 그냥 넘어가더라구요.
그리고 두번째이미지서부터 마우스오버하면 멈추긴 멈추는데요,
문제는 마우스아웃 하면 바로 다음이미지로 넘어가버려요
마우스아웃 부분에 settimeout을 다시 줘서
마우스오버->마우스아웃->마우스오버->마우스아웃을 빨리 하니까
이미지가 한번에 여러개가 주르륵 넘어가버리네요
이거 어떻게 해결할 수 없을까요??
usemap을 사용해서 했는데요,
usemap 영역을 벗어나면 다음이미지로 바뀌어버려요
영역을 벗어나도 4초뒤에 이미지가 바뀌어야하는데.........
<div id="c_rolling_44">
<span><img src="banner01.gif" usemap="#banner01" border="0" />
<map name="banner01">
<area shape="rect" coords="5,5,613,97" href="#" onFocus="this.blur();" class="c_over" />
<area shape="rect" coords="622,6,1227,94" href="#" onFocus="this.blur();" class="c_over" />
</map>
</span>
<span><img src="banner02.gif" usemap="#banner02" border="0" />
<map name="banner02">
<area shape="rect" coords="5,5,613,97" href="#" onFocus="this.blur();" class="c_over" />
<area shape="rect" coords="622,6,1227,94" href="#" onFocus="this.blur();" class="c_over" />
</map>
</span>
</div>
<div style="width:17px; height:25px; onClick="c44.move_right();" style="cursor:pointer;" /></div>
<div style="width:17px; height:25px; onClick="c44.move_left();" style="cursor:pointer;" /></div>
</div>