스크립트 문의입니다.
본문
지금 아래 버튼이 클릭을 해야지만 해당 메인 이미지가 보이는데
클릭이 아닌 마우스 오버했을시 바뀌게 하고싶습니다.
스크립트 소스를 어떻게 변경해야하나요 ㅠㅠ
<link rel="stylesheet" href="/design/maxink/new/main/assets/css/style.css" />
<div id="wrapper">
<div id="revolver" class="revolver container stack">
<ul>
<li><a href="/shop/shopdetail.html?branduid=509345&xcode=026&mcode=001&scode=&type=X&sort=order&cur_code=026"><img class="slide" src="/design/maxink/new/main/main_img1.jpg" width="593" height="324" border="0"></a></li>
<li><a href="/shop/shopdetail.html?branduid=815188&search=564&sort=&xcode=026&mcode=001&scode="><img class="slide hidden" src="/design/maxink/new/main/main_img2.jpg" width="593" height="324" border="0"></a></li>
<li><a href="/shop/shopdetail.html?branduid=508777&search=%25BF%25C0%25C7%25C7%25BD%25BA%25C1%25AC&sort=&xcode=003&mcode=001&scode=002"><img class="slide hidden" src="/design/maxink/new/main/main_img3.jpg" width="593" height="324" border="0"></a></li>
<li><a href="/shop/shopdetail.html?branduid=815189&search=920&sort=&xcode=026&mcode=001&scode="><img class="slide hidden" src="/design/maxink/new/main/main_img4.jpg" width="593" height="324" border="0"></a></li>
<li><a href="/shop/shopdetail.html?branduid=836843&search=%25BF%25C0%25C7%25C7%25BD%25BA%25C1%25AC&sort=&xcode=003&mcode=001&scode=001"><img class="slide hidden" src="/design/maxink/new/main/main_img5.jpg" width="593" height="324" border="0"></a></li>
</ul>
<li><a href="/shop/shopdetail.html?branduid=509345&xcode=026&mcode=001&scode=&type=X&sort=order&cur_code=026"><img class="slide" src="/design/maxink/new/main/main_img1.jpg" width="593" height="324" border="0"></a></li>
<li><a href="/shop/shopdetail.html?branduid=815188&search=564&sort=&xcode=026&mcode=001&scode="><img class="slide hidden" src="/design/maxink/new/main/main_img2.jpg" width="593" height="324" border="0"></a></li>
<li><a href="/shop/shopdetail.html?branduid=508777&search=%25BF%25C0%25C7%25C7%25BD%25BA%25C1%25AC&sort=&xcode=003&mcode=001&scode=002"><img class="slide hidden" src="/design/maxink/new/main/main_img3.jpg" width="593" height="324" border="0"></a></li>
<li><a href="/shop/shopdetail.html?branduid=815189&search=920&sort=&xcode=026&mcode=001&scode="><img class="slide hidden" src="/design/maxink/new/main/main_img4.jpg" width="593" height="324" border="0"></a></li>
<li><a href="/shop/shopdetail.html?branduid=836843&search=%25BF%25C0%25C7%25C7%25BD%25BA%25C1%25AC&sort=&xcode=003&mcode=001&scode=001"><img class="slide hidden" src="/design/maxink/new/main/main_img5.jpg" width="593" height="324" border="0"></a></li>
</ul>
</div>
<div class="controls"><nobr>
<li><a class="goto" data-goto="0" href="#"><img src="/design/maxink/new/main/main_img_bt_01.jpg" border="0" width="121" height="53"></a></li>
<li><a class="goto" data-goto="1" href="#"><img src="/design/maxink/new/main/main_img_bt_02.jpg" border="0" width="118" height="53"></a></li>
<li><a class="goto" data-goto="2" href="#"><img src="/design/maxink/new/main/main_img_bt_03.jpg" border="0" width="118" height="53"></a></li>
<li><a class="goto" data-goto="3" href="#"><img src="/design/maxink/new/main/main_img_bt_04.jpg" border="0" width="118" height="53"></a></li>
<li><a class="goto" data-goto="4" href="#"><img src="/design/maxink/new/main/main_img_bt_05.jpg" border="0" width="118" height="53"></a></li>
</nobr></div>
</div>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="/design/maxink/new/main/assets/js/jquery.revolver.min.js"></script>
<script src="/design/maxink/new/main/assets/js/prettify.js"></script>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="/design/maxink/new/main/assets/js/jquery.revolver.min.js"></script>
<script src="/design/maxink/new/main/assets/js/prettify.js"></script>
<script type="text/javascript">
var $revolver = $('#revolver').revolver(),
revolver = $revolver.data('revolver'),
$controls = $('.controls');
revolver = $revolver.data('revolver'),
$controls = $('.controls');
$controls.find('.first, .previous, .next, .last, .play, .stop, .pause, .restart').click(function(e){
e.preventDefault();
revolver[this.className]();
});
e.preventDefault();
revolver[this.className]();
});
$controls.find('.goto').click(function(e){
e.preventDefault();
revolver.goTo($(this).data('goto'));
});
e.preventDefault();
revolver.goTo($(this).data('goto'));
});
</script>
답변 1
아- 찾았네요- 혹시 필요하신 분이 있을까바 올립니다.
click(function(e){
라고 된부분을
라고 된부분을
> bind('mouseover', function(e) {
바꾸니까 되네요~
답변을 작성하시기 전에 로그인 해주세요.
