jQuery k3dcarousel/FilmRoll
Site Index
http://www.skuare.net/2010/10/3djavascriptjquery_k3dcarousel.html
http://verens.com/2010/10/07/jquery-k3dcarousel-plugin/
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="js/jquery.k3dCarousel.min.js"></script>
<style>
#k3dCarousel img{
display:none;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
</style>
<div id="k3dCarousel">
<img src="imgs/200_01.jpg" />
<img src="imgs/200_02.jpg" />
<img src="imgs/200_03.jpg" />
・
・
</div>
<script>
$(window).load(function(){
$('#k3dCarousel').k3dCarousel({
wT: 1500, // 停止している時間
sT: 9000 // 回転する速度
});
});
</script>
http://www.jqueryscript.net/demo/Easy-Responsive-jQuery-Carousel-Slider-Plugin-FilmRoll/
http://www.jqueryscript.net/slider/Easy-Responsive-jQuery-Carousel-Slider-Plugin-FilmRoll.html
<script src="js/jquery.film_roll.js"></script>
<div id="film_roll">
<div><a href="#"><img src="imgs/1010.jpg"></a></div>
<div><a href="#"><img src="imgs/1011.jpg"></a></div>
・
・
</div>
<script>
$(function() {fr = new FilmRoll({container: '#film_roll',height: 320});});
</script>