IE7閲覧時のLiteboxの動作を修正 

先日の「ブログにLiteboxを導入」のエントリーでも書いたとおり、InternetExplorer7での閲覧時、Liteboxの動作に不具合がありました。
HTMLのタグやスタイルシートを削除しながら不具合箇所を調べていったところ、ページのレイアウトを構成するためのスタイルシートに原因があり、これを修正しました。

動作確認のためのサンプル画像
Liteboxサンプル画像1 Liteboxサンプル画像2 Liteboxサンプル画像3
Liteboxスクリプトに同梱の画像を使用しています。

エントリーを参考にしたり興味を持たれた方は左のペンギンアイコンをクリックしてブログ管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!
ブログにLiteboxを導入 

これまでブログに小粋空間で紹介されているLightboxJSを導入していましたが、同じ小粋空間の「Litebox 1.0 をブログに適用する」を参考に、Liteboxに変更しました。

基本的な動作はLightboxJSと変わりませんが、拡大表示時のアニメーションが多少変更になり、同一グループの画像をスライドショーで表示できるようになりました。

JavaScriptファイルとスタイルシートの追加、拡大画像を表示するためのアンカータグにrel属性を付けることで完成します。

先日InternetExplorer7をインストールした際に当ブログの表示を確認したところLightboxJSの動作がおかしかったのですが、このLiteboxでも同じような症状が出ています。
拡大したい画像をクリックすると、ブラウザのスクロールバーを一番上にもっていっている時の領域のみ画面が暗くなり、それ以外の領域では背景色に拡大画像がオーバーレイ表示されてしまいます。
調べてみたところ、当ブログではDOCTYPE宣言をXHTML1.0で設定しているのですが、これを削除することで正常に動作するようになりました。
しかしDOCTYPE宣言を削除するとAnother HTML-lintやW3Cのチェックに通らなくなるため外したくありません。
なんとか正常に動作するように調べてみようと思います。

小粋空間
http://www.koikikukan.com/

エントリーを参考にしたり興味を持たれた方は左のペンギンアイコンをクリックしてブログ管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!
Firefox2とInternetExplorer7をインストール 

先日リリースされたFirefox2とInternetExplorer7(IE7)の両ブラウザをインストールしました。
閲覧するサイトによってブラウザを使い分けているのですが、普段はFirefoxを多用しています。

まずはFirefox2をインストールし起動してみました。
普段閲覧しているサイトは問題無く表示しています。
また、画面のレイアウトもバージョン1.5の時とほとんど変わらず使いやすいです。
一部プラグインが対応していないのが困ったところか。

次にIE7のインストール。
インストールは問題無く完了しました。
起動してみると・・・ブラウザのボタン配置が変更になっていてなんだか使いづらい。
ツールバーに表示されていた「戻る」「進む」「ホーム」などのボタンがいろんなところに散らばっています。
これは慣れれば問題なしか?
一部のサイト表示がIE6の時と比べて文字が大きくなったりレイアウトが崩れたりしています。
当ブログでは「LightboxJS」を導入しているのですが、動作がおかしいようです。
エントリー内の画像をクリックすると、ページ全体が暗くなり拡大画像がオーバーレイ表示されるようになっています。
しかしIE7の場合、ブラウザのスクロールバーを一番上にもっていった時に表示される領域のみ暗くなり、それ以外の領域の場合、暗くならずページの背景色に画像がオーバーレイ表示されてしまいます。
スタイルシートの問題かな?なんとか対策を行わなければいけません。
一番困ったのはコンピュータの再起動後。
再びIE7を立ち上ようとするとエラーが出ます。
何度再起動・IE7を立ち上げようとしてもエラーの連続で、ブラウザ画面を見ることができなくなりましたなんでやねん!
・・・ということで、IE7はアンインストールしてIE6に戻しました。

エントリーを参考にしたり興味を持たれた方は左のペンギンアイコンをクリックしてブログ管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!
ラジコンカーとキーボードをゲット 

昨日の夜、友人と飲みに行った帰りに、ゲームセンターに寄ってプライズ品のゲットに挑戦してきました。

最初に挑戦したのは「ソフトPCキーボード」。
パソコンとUSBで接続し、くるくる丸めることができ、防水加工をしてあるキーボードです。
クレーンゲーム筐体内 ソフトPCキーボード
大型アームを横・縦の移動の後に180度回転させることができるクレーンゲームで、景品の一部が落とし穴にかかっています。
1プレイ200円。筐体のガラスには「とれとれサービス台」と書かれていて、簡単に取れるだろうと思っていました。
アームを景品の真上より少し落とし穴側へ移動させ、落とし穴と垂直方向へ回転させ景品を掴みました。
すると最初のプレイでゲットすることができました。♪

続いて挑戦したのはパトカーのラジコン。
クレーンゲーム筐体内 パトカーラジコン
筐体内に2本の棒がかけられていて、その上に景品をのせてあります。
アームを縦方向へ動かし、左右それぞれの爪の幅を調節し景品を掴みます。
1プレイ200円。
バランスの取れるところで吊り上げようとはせず、景品の後ろの方へアームを引っ掛け、何回か挑戦して前へずらして落とすことにしました。
予備の景品を下に置いてあり、それが土台となり前へずらしてきても深く落ちることはありませんが、逆に爪がささりにくくて苦労しました。
7~8回ほどの挑戦でゲットしました。

最後に挑戦したのはテレビゲーム機。
クレーンゲーム筐体内 テレビゲーム機
なんとなくファミコンを連想させるパッケージで、ゲームが本体に内蔵されているテレビゲーム機です。
クレーンゲーム筐体内 ぷよ丸を落とせ
キーチェーンのマスコット「ぷよ丸」が落とし穴付近のクギに吊るされていて、これをアームで引っ掛けて落とすと景品と交換してもらえます。
筐体内にはモニターが設置されていて、このテレビゲーム機のものと思われるゲームのデモ画面が映されていました。
テレビゲーム機のデモ画面
画像では分かりづらいですが、ファミコン等で発売されたコナミの「サーカスチャーリー」の、画面構成やキャラクターを変更したような感じのゲームです。
サーカスチャーリーの2面、綱渡りしながら迫ってくる猿をジャンプでかわしてゴールを目指すステージとそっくりで、他にも似たようなステージがありました。
敵キャラが、こちらもファミコン等で発売されたナムコの「ワープマン」のキャラクターにそっくりで、どうやらパクリもののようです。
1プレイ200円。
アームの右側に幅2センチほどの柔らかい素材の爪が取り付けられています。
これがなかなかクギに引っ掛からず、キーチェーンの輪の中にはめ込むなど考えましたが、なかなか取ることができません。
友人と一緒にどうしても欲しいということで結構な金額をつぎ込みましたが、結局ゲットすることはできませんでした。残念!残念!

ゲットしたラジコンとキーボード。
ゲット品 ソフトPCキーボードとパトカーラジコン
ラジコンはプライズ品にお約束の電池別売り。
塗装はかなり荒い感じです。
キーボードはかなりフニャフニャしていて使いづらいです。

エントリーを参考にしたり興味を持たれた方は左のペンギンアイコンをクリックしてブログ管理人に拍手を送ってください!
今後の励みになりますのでよろしくお願いします!

前後のアーカイブ

Photo Reader
Forecast

-天気予報コム-
香川県06日07日
天気北西の風のち西の風くもり昼過ぎから晴れ所により昼過ぎから雷西の風晴れ時々くもり所により昼過ぎから雷
降水確率
午前/午後
20/2010/20
気温
最低-最高
25-3225-32
Recent Comments
Recent Trackback
Firefox
Firefox meter
Firefox ブラウザ無料ダウンロード
Ranking
Live Camera
Syndicate this site
RSS
track word
Recent Entries
Categories
Monthly Archives
Favorite Blogs
Blog Tools
Powered by

RSS feed meter for http://qp3c.com/str/
スカウター : 暇人STRのブログ
seoparts

ジオターゲティング
あわせて読みたい
- このページの検索ワード -
  • blog seo tool : track word