sunnygoydesignのトップページですが、
http://www.sunnyboydesign.com/
supersizedというjQueryプラグインを使い、
全面の背景画像をウィンドウサイズに合わせて可変、
かつフェードインアウトをしてしまうという、
改変しました。
FLASHなしで、こんなのやりたかった〜というのが
やっと出来ました。
いつも、こういうプラグインの恩恵をあずかっていますが、
作る人はすごいなぁと思うばかりです。。。
●配信元(参考サイト)
http://www.buildinternet.com/project/supersized/
を恥ずかしながら、今更知りました。
とても便利!
マウスオーバーの時など、
onmouseover…..などつらつら書かなくていいのと、
img要素のclass属性にbtnを設定するだけというお手軽感が
感動を覚えました。
あとは、
gazou_on.jpg
マウスオンする画像(_on)
を用意するだけらしいです。
の作り方を調べています。
難しい…
簡単そうで、意外に作ってみるとできない…
jQueryを使ってできるみたいですね。
●リンクmemo
http://blog.creativityden.com/fluid-grid-using-jquery/
http://fukasawa777.blog.so-net.ne.jp/2009-11-22
http://blog.xlune.com/2009/09/jqueryvgrid.html
http://kachibito.net/web-design/grid-layout.html
http://labs.adesignare.com/ajax_js/fluid_grid/
–2011.09.04追記–
可変グリッドレイアウトのプラグイン(Xluneさんのページで紹介していたjs)
jquery.vgrid.0.1.6.min.js
jquery.vgrid.0.1.6.js
(配信元)
http://blog.xlune.com/2009/09/jqueryvgrid.html
demo4のサンプルソースを利用・参考にさせていただき、作ってみました。
●フライヤーフリーポケット
http://f-freepocket.com/