写真をぐるぐると3Dで回転させるプラグイン【デモ】

ダウンロード

設置コード例

画像を3Dで回転させるプラグイン【jQuery k3dCarousel plugin】の設置方法を解説します。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>写真をぐるぐると3Dで回転させるプラグイン デモ</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.k3dCarousel.js"></script>
<script>
$(function(){
$('#carousel').k3dCarousel({
wT: 1500,
sT: 300
});
});
</script>
</head>
<body>
<div class="container">
<h1>写真をぐるぐると3Dで回転させるプラグイン【デモ】</h1>
<div id="carousel">
<img src="images/1.jpg" width="500" height="332" />
<img src="images/2.jpg" width="500" height="332" />
<img src="images/3.jpg" width="500" height="332" />
<img src="images/4.jpg" width="500" height="332" />
<img src="images/5.jpg" width="500" height="332" />
<img src="images/6.jpg" width="500" height="332" />
<img src="images/7.jpg" width="500" height="332" />
<img src="images/8.jpg" width="500" height="332" />
<img src="images/9.jpg" width="500" height="332" />
</div>
</div>
</body>
</html>

スマホ対応 フォトギャラリーサンプル【デモ】