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>




AX