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