이미지 자동 롤링 문제인데 많이 궁금해서요~
안녕하세요.
이미지 롤링부분에 궁금한 부분이 있어 글을 올립니다.
첨부한 이미지 보시면 이미지 밑에 작은 네모가 있는데, 현재 자동으로 순차적으로 롤링되는데 끝쪽 작은네모에 마우스오버시 해당 이미지 바로 나오게 하려면 어케하죠?????
제가 초보라.. 답변좀 부탁드려요. 관련 소스는 아래와 같습니다.
<html >
<head>
<title>jQuery syaku rolling</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="http://nunbi.co.kr/plugin/rolling/jq.rolling.js"></script>
<link type="text/css" href="http://nunbi.co.kr/plugin/rolling/jq.rolling.css" rel="stylesheet">
</head>
<body>
<div>
<div id="rolling">
<ul>
<li><img src="./img/0206-1.jpg"></li>
<li><img src="./img/0206-2.jpg"></li>
<li><img src="./img/0206-3.jpg"></li>
<li><img src="./img/0206-4.jpg"></li>
<li><img src="./img/0206-5.jpg"></li>
</ul>
</div>
<ul class="pages"></ul>
</div>
<script type="text/javascript">
$("#rolling").rolling(300,250,{autoscroll:1, delay:1500});
</script>
</body>
</html>
첨부한 이미지 보시면 이미지 밑에 작은 네모가 있는데, 현재 자동으로 순차적으로 롤링되는데 끝쪽 작은네모에 마우스오버시 해당 이미지 바로 나오게 하려면 어케하죠?????
제가 초보라.. 답변좀 부탁드려요. 관련 소스는 아래와 같습니다.
<html >
<head>
<title>jQuery syaku rolling</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script>
<script src="http://nunbi.co.kr/plugin/rolling/jq.rolling.js"></script>
<link type="text/css" href="http://nunbi.co.kr/plugin/rolling/jq.rolling.css" rel="stylesheet">
</head>
<body>
<div>
<div id="rolling">
<ul>
<li><img src="./img/0206-1.jpg"></li>
<li><img src="./img/0206-2.jpg"></li>
<li><img src="./img/0206-3.jpg"></li>
<li><img src="./img/0206-4.jpg"></li>
<li><img src="./img/0206-5.jpg"></li>
</ul>
</div>
<ul class="pages"></ul>
</div>
<script type="text/javascript">
$("#rolling").rolling(300,250,{autoscroll:1, delay:1500});
</script>
</body>
</html>
답변 2개
7년 전
많은 도움이 되었습니다. 감사합니다.
12년 전
autoscroll:0 <--- 이렇게해보세요
이걸로 마음에 안든다면 jq.rolling.js 소스를 봐야 수정할 수 잇습니다
답변을 작성하려면 로그인이 필요합니다.