WEB/Js, JQuery

[JQuery] jquery tools silde view의 수정

Ezcode 2013. 2. 5. 10:36

소스를 다루기로 하고 시작한 블로그지만

귀차니즘으로 인해.. ㅠ_ㅠ


조만간 호스팅으로 데모페이지를 만들어 소스를 좀 다뤄봐야겠다..


흔히 많이들 쓰는 jquery.tools.js


이 중 슬라이드를 사용하면서 좌우버튼, 하단버튼의 기능은 살리고

메인 이미지 클릭이벤트만 제거 해달라는 지식인글을 보고 작성해본다.


http://www.htmldrive.net/items/show/41/Slideshow-plugin-for-the-Tabs-with-jquery


위 슬라이드의 기본 사용법을 적용하게 되면

메인 content 내용을 클릭하였을때 슬라이드가 이동하게 되는데


<script language="JavaScript">
$(function() {
     $(".slidetabs").tabs(".images > div", {
          effect: 'fade',
          fadeOutSpeed: "slow",
          rotate: true
     }).slideshow({clickable:false});
});
</script>

붉은색 글씨처럼 옵션을 추가해주면 메인클릭 이벤트를 사용하지 않을수 있다.