ジャンルなし説明もなしでただただ写真がずらっとあるページをつくろうと思います。perlで指定フォルダの画像を一覧表示させるプログラムを利用するので、画像には基本手を加えません。(デジカメサイズをweb要サイズに縮小するだけ)
また、写真の縦横比が固定ではないので、サムネイル作成にMyThumbnail.js(http://kwski.net/jquery/813/)を利用、さらに拡大表示にLightbox系拡大jqueryを利用します。
これを踏まえて・・・
画像一覧を並べるときに、<ul><li>でただ羅列するのではなく、手作りアルバム風だったり画像を回転させたりして可愛く表示するのになにか良い方法はないでしょうか?
Androidのアプリですが、こういうのを見つけました。
http://appllio.com/android-tool-app/20120531-2167-million-moments-sony
この画像一覧(http://appllio.com/sites/default/files/million_moments_001.jpg)の感じも良いなぁと思いますが、こういうのをcgiやjQuery・CSSで表現できるでしょうか?
出来るようだったらその方法を教えて欲しいです。
他にもなにか良い方法があれば教えて下さい。
イメージとしてこれなのかわかりませんが、リキッドレイアウトとか可変グリッドレイアウトとかっていうやつでしょうか。
http://www.mdn.co.jp/di/articles/2657/?page=16
これの5とか
http://webgaku.hateblo.jp/entry/2013/03/24/083440
とか
フォトギャラリーだと
http://coliss.com/articles/build-websites/operation/javascript/js-responsive-image-gallery-gamma-gallery.html
http://blog.creamu.com/mt/2012/10/jquery_responsive_tile_gallery.html
とか?
あと以下の真ん中付近とかjqueryのフォトギャラリーを探してみるとどうでしょう。
http://ideahack.me/article/713