이미지 자동 롤링 문제인데 많이 궁금해서요~
본문
안녕하세요.
이미지 롤링부분에 궁금한 부분이 있어 글을 올립니다.
첨부한 이미지 보시면 이미지 밑에 작은 네모가 있는데, 현재 자동으로 순차적으로 롤링되는데 끝쪽 작은네모에 마우스오버시 해당 이미지 바로 나오게 하려면 어케하죠?????
제가 초보라.. 답변좀 부탁드려요. 관련 소스는 아래와 같습니다.
<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>
답변을 작성하시기 전에 로그인 해주세요.