« 2005年09月18日 | メイン | 2005年09月20日 »
2005年09月19日
マウスオーバーで拡大
1週間ほど前から、トップの右下には、日記に乗せた画像を表示するようにしていたのですが、この度、マウスオーバーで画像を拡大表示するようになりました。
単に、マウスを当てると表示サイズが大きくなるだけです。別に、他の画像が表示されているわけでは無いです。
Firefox でも動きますが、使用感は Internet Explorer の方がいいですね。スイスイ動いています。
a.big:hover { background-color:#222; }
ポイントは、マウスオーバーの時に背景色を指定するようにすることのようです。背景色を指定しないと Internet Explorer では、拡大できませんでした。
サムネイル画像を表示しておき、マウスオーバーで本画像を表示させるようなやり方は、他のブログで見つけました。というか、背景色指定のコツは、そこで知りました。ぜひご覧ください。へんてこりんな仕様で悩んでしまいました。
CSS だけなので、軽いんですが、ベースラインがそろわず、微妙にうっとうしいのでどうしようか検討中。ベースラインをそろえながら拡大する方法なんてあるんだろうか。拡大したときに、下の画像が下に動いてしまうのがうっとうしい。マウスを下に移動しながら、順に拡大できないので。
JavaScript での表示は、単に document.write を使っているだけなので、何の工夫もありませんのでご了承ください。流行の Ajax はさっぱり理解していませんし、こんなところでは使えそうに無いですしね。
吐き出す JavaScript のコードをキャッシュするようにしないとなぁ。毎回、ディレクトリを読むのは無駄すぎる。
【関連記事】
・ディレクトリ内の画像を全て表示 （2005年09月13日）
【関連情報】
・CSS で画像ポップアップ （Lucky bag::blog）
http://www.lucky-bag.com/archives/2005/06/css_popup.html
02:50 | コメント (4) | トラックバック | Development
お腹がキリキリする
ガスが溜まってるのか？ということで、昨日（18日）の食事内容です。
昼は、モスで食事。テリヤキチキンバーガー(ﾟДﾟ)ｳﾏｰ って、いつも食ってるやつやな。そのあと、ハードオフに行ってきた。いわゆるガラクタ屋。実際、中古屋で何かを買うことは無いと思う。中古は、友人から買うに限るな。単に見るのが好きだ。DVDプレイヤーが3000円くらいであったら買おうと思ったけど。
夜は、さとに行ってきた。おかげでお腹がキリキリする。胃が弱くなったのかな。いつもどおり、すし和膳。松茸を食べたくなったので、松茸ご飯の素でも買ってくるかな。
モスバーガー （昼）
いつもの
さと （夜）
すし和膳