2010年1月アーカイブ
2010年1月10日
ニュースティッカー
昼休みにニュース記事を読みながら見つけたjQueryコンテンツ。
使用サンプル → ニュースティッカー
右から左へ流れるだけならHTMLのタグでも出来るけど、
上にスライドするのはこれ以外には見たことないなあ。
新着トピックスとかに、うまく使えばサイトのアクセントになりそう。
2010年1月 9日
虫眼鏡で見てみよう
画像を大きく見せたいとき、以前は直接JPEGにリンクを張っておいて、
クリックすれば別ウィンドウで大きく表示される方法が多かった。
最近はライトボックスが使われることが増えてきたようだ。
こんな変化球みたいな方法もある → jqzoom
使おうとしたことはあるけど、余白の残し方が難しくて実現はしなかったなあ。
今後も使い方を考えてみよう。
カテゴリー別ライブラリー
単純に画像を並べるのは面白くないので、こんな方法も
使用サンプル → Filtering Blocks
注釈たくさん付けられるし、カタログのような使い方も出来るかもしれない。
ライトボックスを一緒に使うのも簡単。
ライトボックス付き → Filtering Blocks
限られたサイトのスペースを有効に使って 、
印象的なギャラリーに出来そう。
横スライド型
Ajaxでスライドショーを作る方法は、ライトボックスを含めて
いくつかあるけど、横スライドで画像がさし変わるのはサンプルが少ないかも。
使用サンプル → slideViewer
画像にキャプションをつけるとしたら、
画像の中に入れるしか方法がないのが難儀かもしれない。
実際にサイトで使われている例はあんまり見たことないなあ。
自動再生できれば、Firebelly Designが同じ感じかな。
