2004.09.01
_ [tDiary] 背景画像をランダムで表示する
randisp.rbを使って、タイトルの背景画像をランダムに表示するようにしてみた。具体的には、ランダムにしたい要素の代わりに<%= randisp_textfile("./hoge.txt") %>を入れて、hoge.txtの内容を<div style="background-image: url('./images/hoge_01.jpg');">こんな風にすると、hoge.txtの中から一行がランダムで出力されるしくみ。style属性はCSS的にはとてもださい事らしいので、気にする人もいるだろう。でも、方法としては応用範囲が広そうで素敵よね、と思った。
<div style="background-image: url('./images/hoge_02.jpg');">
<div style="background-image: url('./images/hoge_03.jpg');">
Referer
antennae
others
- http://tdiary-users.sourceforge.jp/cgi-bin/wiki.cg... ×152
- http://www.nilab.info/wiki/NI-Lab.へリンク張ってるページ.html... ×21
- http://srd.yahoo.co.jp/PAGE=P/LOC=P/R=1/*-http://l... ×13
- http://docs.tdiary.org/users/?randisp.rb ×13
- http://mixi.jp/show_friend.pl?id=12062 ×10
- http://www.nilab.info/resource/bbslog/idobbs/5.htm... ×9
- http://srd.yahoo.co.jp/PAGE=D/LOC=P/R=2/*-http://l... ×6
- http://srd.yahoo.co.jp/PAGE=P/LOC=P/R=2/*-http://l... ×5
- http://74.125.153.132/search?q=cache:f9lmTzE5ZuQJ:... ×5
- http://72.14.235.104/search?q=cache:PdpXyyh6DikJ:t... ×5
- http://www.grandfather.jpn.org ×4
- http://grandfather.jpn.org/20040901.html ×3
- http://wrs.search.yahoo.co.jp/S=2114736003/K=背景画像 ... ×3
- http://72.14.235.104/search?q=cache:PdpXyyh6DikJ:t... ×3
- http://wrs.search.yahoo.co.jp/S=2114736003/K=トッポジー... ×2
- http://wrs.search.yahoo.co.jp/S=2114736003/K=ランダム ... ×2
- http://srd.yahoo.co.jp/PAGE=P/LOC=P/R=4/*-http://l... ×2
- http://srd.yahoo.co.jp/PAGE=D/LOC=P/R=1/*-http://l... ×2
- http://www.pagesupli.com/web/背/背景/画像/ディズニー_010.htm... ×2
- http://srd.yahoo.co.jp/PAGE=P/LOC=P/R=3/*-http://l... ×1
- http://d.hatena.ne.jp/kokko3/edit?date=20041023 ×1
- http://mixi.jp/ ×1
- http://srd.yahoo.co.jp/PAGE=P/LOC=P/R=93/*-http://... ×1
- http://sucheaol.aol.de/suche/web/search.jsp?q=www.... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=画像をラン... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=haten... ×1
- http://www.nilab.info/zurazure2/archives/000093.ht... ×1
- http://d.hatena.ne.jp/kokko3/edit?date=20040902 ×1
- http://66.102.7.104/search?q=cache:sOSPus05ByUJ:gr... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=HTML ... ×1
- http://www.rambler.ru/srch?oe=koi8r&words=www.euro... ×1
- http://ask.jp/web.asp?o=8085&qsrc=4&q=画像ランダム表示 方法&... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=背景画像 ... ×1
- http://artifact-jp.com/mt/archives/200407/paintboo... ×1
- http://srd.yahoo.co.jp/PAGE=P/LOC=P/R=9/*-http://l... ×1
- http://tdiary-users.sourceforge.jp/cgi-bin/wiki.cg... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=トッポジー... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=画像をラン... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=html ... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=画像 ラン... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=ランダム表... ×1
- http://grandfather.jpn.org/20050505.html ×1
- http://srd.yahoo.co.jp/PAGE=D/LOC=P/R=8/*-http://l... ×1
- http://srd.yahoo.co.jp/PAGE=P/LOC=P/R=5/*-http://l... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=画像 ラン... ×1
- http://srd.yahoo.co.jp/PAGE=P/LOC=P/R=10/*-http://... ×1
- http://srd.yahoo.co.jp/PAGE=D/LOC=P/R=3/*-http://l... ×1
- http://a.hatena.ne.jp/psyq/simple ×1
- http://d.hatena.ne.jp/kokko3/edit?date=20040903 ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=画像をラン... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=html ... ×1
- http://www.avantfind.com/search.asp?keywords=http:... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=画像 ラン... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=背景画像を... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=背景画像 ... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=HTML ... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=ランダム ... ×1
- http://72.14.203.104/search?q=cache:QGOuE1CcLbsJ:l... ×1
- http://cache.yahoofs.jp/search/cache?u=lamer.jpn.o... ×1
- http://srd.yahoo.co.jp/PAGE=P/LOC=P/R=11/*-http://... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=ランダム ... ×1
- http://wrs.search.yahoo.co.jp/S=2114736003/K=ランダム ... ×1
- http://www.ask.com/web?q=guaranteedhighriskpersona... ×1
- http://lamer.jpn.org/?date=20040825 ×1
search engines
- やっぱり君が好き ×48 / unknown keyword ×33 / 背景画像 ランダム ×28 / 画像をランダムで表示 ×18 / 画像 ランダム ×18 / 背景 ランダム 表示 ×11 / 背景画像をランダムに表示する ×11 / disneyエコ ×10 / disney背景 ×9 / 画像をランダムで表示する ×9 / 背景 ランダム ×8 / ランダム背景 ×7 / ドラえもん背景 ×6 / 背景画像 ランダム 表示 ×6 / background ランダム ×6 / 背景画像をランダム ×6 / 背景 ランダム div ×6 / css ランダム 背景画像 ×6 / 背景 ランダム表示 ×6 / Disneyエコ ×5 / CSS 背景画像 ランダム ×5 / css 背景画像をランダムに表示 ×5 / ランダム 背景 画像 ×5 / 画像をランダムで ×5 / div ランダム 背景 ×4 / 背景画像をランダムで ×4 / トッポジージョ 画像 ×4 / トッポジージョ画像 ×4 / 沓澤龍一郎 ×4 / 属性 背景 ランダム ×4 / ドラえもん 背景画像 ×3 / 画像をランダムに表示 ×3 / 背景をランダム表示 ×3 / 画像 ランダム 表示 css ×3 / ランダム 背景 ×3 / ドロヘドロ 画像 ×3 / 船橋高校 君が好き ×3 / 神田川船の会 ×2 / lamer yahoo ×2 / ランダム 出力 ×2 / ランダム 表示 ×2 / css ランダム背景 ×2 / 画像をランダムに表示する ×2 / html ランダム 背景 ×2 / ランダム 背景画像 ×2 / css 背景画像 ランダム ×2 / http://www.irslevyhelp.net/ ×2 / 画像 ランダム 表示 ×2 / 背景画像をランダムに CSS ×2 / uact ×2 / トッポジージョのボタン戦争 ×2 / 画像 ランダムで表示 ×2 / hatena,エコ ×2 / 画像をランダムで表示 CSS ×2 / HTML 画像をランダム ×2 / tDiary 画像 ×2 / ランダムに style ×2 / ドラえもん 背景 ×2 / background-image ランダム ×2 / ランダム CSS 背景 ×2 / CSS 背景画像ランダム ×2 / 背景 ランダムに表示する ×2 / 大塚幸代 ×2 / ランダム 背景画像 HTML ×2 / HTML 背景画像ランダム ×2 / 石田敦子 画像 ×2 / css 背景 ランダム ×1 / html 背景画像をランダム ×1 / 背景画像をランダム PHP ×1 / css ランダム 背景 ×1 / BRANIFF 画像 ×1 / tdiary タイトルの背景画像 ×1 / CSS 背景画像をランダム ×1 / html 背景 ランダム ×1 / 画像 ランダム 背景 ×1 / ランダム 画像 背景 background-image: ×1 / divの背景をランダムに表示 ×1 / css 画像をランダムに表示 ×1 / ランダム CSS ×1 / 田中之 ×1 / 背景画像をランダムに表示 ×1 / 神田川船の会 2005 ×1 / ランダム 背景画像 CSS ×1 / 背景 ランダムに表示 ×1 / divの背景画像をランダム表示 ×1 / フタバ食品 ×1 / background-image ランダム css ×1 / 林田 球 画像 ドロヘドロ ×1 / UACT ×1 / 背景+ランダム+方法 ×1 / 萌え 背景画像 ×1 / ランダム 表示 画像 ×1 / grandfather jpn org ×1 / 背景画像 会 ×1 / css 背景 ランダム ×1 / div 背景画像ランダム ×1 / ランダム 背景 CSS ×1 / ランダムに表示 背景 ×1 / html 画像をランダムで表示 ×1 / css ランダム ×1