人力検索はてな
ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら
i-mobile
写真集を手作りｱﾙﾊﾞﾑ風に掲載する為のjqueryやCSSの手法はないですか?

ｼﾞｬﾝﾙなし説明もなしでただただ写真がずらっとあるﾍﾟｰｼﾞをつくろうと思います｡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で表現できるでしょうか?
出来るようだったらその方法を教えて欲しいです｡

他にもなにか良い方法があれば教えて下さい｡
●質問者: 匿名質問者
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 1/1件
▽最新の回答へ
▽1 ● 匿名回答1号

ｲﾒｰｼﾞとしてこれなのかわかりませんが､ﾘｷｯﾄﾞﾚｲｱｳﾄとか可変ｸﾞﾘｯﾄﾞﾚｲｱｳﾄとかっていうやつでしょうか｡
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

匿名質問者さんのｺﾒﾝﾄ
返答有難うございます! 私が考えていたのはこんなかんじです｡ ただ､どれも｢かっこいい!｣という感じで可愛くはないですね｡可愛くなるのかなぁって予想したんですが･･･w 可愛いっていうのを表現するのって難しいですね･･･
匿名回答1号さんのｺﾒﾝﾄ
全体の配置はjqueryで､背景や個々の画像の修飾をCSSでやれば良いんじゃないでしょうか｡ ﾊﾞｯｸｸﾞﾗｳﾝﾄﾞの小物とか､画像のﾌﾚｰﾑとか｡ http://www.zzrock.net/archives/category/image/pretty こういうのみると､ﾋﾟﾝｸ系の小物とかﾘﾎﾞﾝや花､ﾚｰｽっぽい装飾とかで演出してる感じ｡ http://webdesignerwall.com/tutorials/css-decorative-gallery これとかはかっこいい感じですけど､ｺﾙｸ風の背景じゃなくｶｰﾍﾟｯﾄ風にするとか､ 木枠風じゃなくてﾘﾎﾞﾝ風とか｡ http://webdesignrecipes.com/spice-up-web-design-with-css3/ こんなのとか｡
関連質問
●質問をもっと探す●

0.人力検索はてなﾄｯﾌﾟ
8.このﾍﾟｰｼﾞを友達に紹介
9.このﾍﾟｰｼﾞの先頭へ
□対応機種一覧
□お問い合わせ
□ﾍﾙﾌﾟ/お知らせ
□ﾛｸﾞｲﾝ
□無料ﾕｰｻﾞｰ登録
□はてなﾄｯﾌﾟ