3Dスライダー:

3Dスライダー

ソースコード

<link href="css/slider3d.css" rel="stylesheet" type="text/css"> 

<div class="js-slider3d"> 
  <a class="js-slider3d-prev">◀戻る</a> 
 
  <ul class="js-slider3d-unit"> 
    <li class="js-slider3d-list is-current"><img src="img/img_slider01.jpg" alt=""></li> 
    <li class="js-slider3d-list"><img src="img/img_slider02.jpg" alt=""></li> 
    <li class="js-slider3d-list"><img src="img/img_slider03.jpg" alt=""></li> 
    <li class="js-slider3d-list"><img src="img/img_slider04.jpg" alt=""></li> 
    <li class="js-slider3d-list"><img src="img/img_slider05.jpg" alt=""></li> 
  </ul> 
 
  <a class="js-slider3d-next">進む▶</a> 
</div> 

<script src="js/jquery.slider3d.js"></script> 
<script> 
  slider3d(); 
</script> 

DEMO

DOWNLOAD