サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
favopict.blog15.fc2.com
webページに複数の画像とエントリーのリンクを 重複しないでランダムに表示するスクリプトの表示数可変バージョンです。 (まずは上のリンゴ画像の1つをクリックしてみてください。) twitpic の脇にあるような正方形サムネイルが作りたくて、まずはランダム表示できるスクリプトを探してたのですが、 任意の数をランダムに重複しないで表示するスクリプトが 思った以上に見つからなかったので記事にしておきます。 no-titleさんで紹介されていた『ランダム広告表示 - 2』を参考に、CSSレイアウト版をつくってみました。(javascriptは専門外なので間違いがあればご指摘いただけると助かります。)(※動作確認はIE8、Firefox3.5.6のみ) (他、参考にした記載) → 複数の画像のランダム表示をさせるJavascriptやCGIを知りませんか? → 画像が重複しない複数のランダム画像表示
これ実は長方形の写真画像をCSSで切り抜いています。 twitpic の脇にあるような正方形サムネイルが作りたくて、まずはランダム表示できるスクリプトのCSSレイアウト版を『前回記事』で紹介しましたが、このままだとデジカメなどの写真画像はそのまま長方形(4:3)の比率で表示されてしまいます。 今回、縦置き・横置きの2パターンの画像をCSSで正方形に切り抜いたサムネイルを作ってみたので紹介したいと思います。(※表示確認はIE8、Firefox3.5.6のみ) CSSで画像を切り抜く前に最も問題だったのが、画像の中央配置です。 特に一番の問題だったのがCSSを使った縦のセンタリングで、4:3の比率の画像を縦置き、横置きにした場合でセンターの位置が異なってしまうのを何とかしたいと思って方法を色々探してみましたが、今ひとつ有効な方法がなく結果的には、縦置き・横置き各それそれに対応したCSSを割り当
このページを最初にブックマークしてみませんか?
『favopict.blog15.fc2.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く