jquery 이미지 마우스 휠 롤링

Posted by 비회원 프로그래밍/jQuery : 2012.05.24 15:08

 

 

cloud-carousel.1.0.5.js

 

jquery-1.7.2.min.js


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/JavaScript" src="jquery.mousewheel.js"></script>
<script type="text/JavaScript" src="cloud-carousel.1.0.5.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("#actela_main").CloudCarousel( {
  reflHeight: 0,
  reflGap:1,
  buttonLeft: $('#but1'),
  buttonRight: $('#but2'),
  yRadius:-50,
  xPos: 625,
  yPos: 55,
  speed:0.15,
  autoRotate: 'yes',
  autoRotateDelay: 2000,
  mouseWheel:true
 });
});
</script>

<div style="position:absolute; width:1250px;top:200px; z-index:9">
 <div style="float:left; top:100px;"><img src="slide_arr1.png" id="but1" name="but1" style="cursor:hand"></div>
 <div style="float:right;"><img src="slide_arr2.png" id="but2" name="but2" style="cursor:hand"></div>
</div>

<div id="actela_main" style="width:1200; height:390px; ">
 <a href="#"><img class="cloudcarousel" src="./img/1.jpg" border="0"/></a> 
 <a href="#"><img class="cloudcarousel" src="./img/2.jpg" border="0"/></a>
 <a href="#"><img class="cloudcarousel" src="./img/3.jpg" border="0"/></a>
</div>

 

댓글을 달아 주세요

 «이전 1 ··· 18 19 20 21 22 23 24 25 26 ··· 218  다음»