奥行きのあるバナー

参考:複数画像を並べるだけでアニメのように奥行きを表現できる「jQuery.Smart3D」

奥行きのあるバナーを制作してみたかったので、上記参考サイトの「jQuery.Smart3D」を使用して、サンプル制作してみました。


上のバナーはiframeで表示しています。
デモページはコチラ

クリックで先日制作したゲーム ウルトラエルFacebookページ限定ゲーム「ススメ!エルくん!」にリンクします。

●「いいね!」していただくとプレイできます
●canvasタグが使えるブラウザでプレイ可能です。
詳しくはこちら:ゲーム作りました | 俺たちウェブチェイサー

JS

$(document).ready(function() {
$('#area').smart3d();
});

HTML

Jqueryを使ってulをリンクに変更しています。
JS

$(function(){
$(".area").click(function(){
window.location=$(this).find("a").attr("href");
return false;
});
});

HTML