공대여자는이쁘다! 해결책 좀 알려주세요;;;;;;;;

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>
댓글
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
제목 작성자 날짜
공대여자
mins
ㅇㅇ
나그네
나그네
홍길동
팡주안드개발
안녕
공부 3
안녕
안녕
길고양이
안녕