2009.10.31[Sat]
新しいテンプレートを現在組みなおしている最中なのですが、そこで使いたいスクリプトを現行テンプレでテストしてたりとか、まぁ色々ぐちゃぐちゃいじってるわけでして。
そもそも忍者ブログに移転してきた2006年秋、CSSの知識もまったくない頃に組んだテンプレートは、ブラウザごとの動作確認など念頭になくて、IE以外のブラウザでは崩れまくりで、今となっては恥ずかしい限り。
2008年春に、IEメインとは言え一応他のブラウザでも動作確認を行って現在のテンプレートに変更するわけなんですが、その後ちょっとだけブログのカスタマイズ方法の知識が増えて、コレしたいアレしたい、が増えてきたわけで。
その再たるものがLightBoxという、画像を表示させるスクリプトの存在です。
LightBoxにも色々な種類やバージョンがあって、亜種も沢山ありますが、
当ブログでは、10月中旬ぐらいから、Lightbox2を導入しています。(ver.2.04
サムネイル画像をクリックして頂くと、最近の記事の画像に限り、
こんな風に画像がうにょーんと表示され、背景が暗くなるようになってます。
# スクリプトを遮断している場合は、Lightboxは動作しません
# [ shinobi.jp ] のみ解除して頂ければ上記のように動作するはずです
※例:ここをクリックすると上記画像がポップアップします
・・・・・・・が、何が悪いのか、このlightboxの表示位置が変なんですよね。
私の使っているブラウザは普段はFirefoxなんですが、他にIEとSleipnirとOperaを入れて動作確認をしています。
IE8だとポップアップウィンドウが上辺に張り付き、Firefoxだと妙に下すぎ、SleipnirはIE8と同じく上辺に表示、唯一Operaのみ、他のLightboxユーザさんと同じくブラウザ画面中央上寄りに表示、という結果でした。
しかも、Lightboxをいじり始めたかなり序盤から、IEではエラーが出ることを確認しておりまして。
Lightoboxが、じゃなくて、私のブログにLightbox2を導入するとエラーが起きる、って意味です。
現在のテンプレートを変えようと思ったきっかけが、色々スクリプト入れすぎだからシンプルにしよう! という発想からだったので、まずは各種スクリプトを全部とっぱらった状態でテスト。
そしたらど~も、BlogPeopleかコミュニティサイトと相性がよくなさそうな感じ・・
そのへんでエラーが出てるみたいなんですよね。
おのれ一体何が原因なんだぁぁ。
もともと、某にくきゅう様んとこで見かけてから、やってみたいな~って思い立ったLightboxなんですが、にくきゅうさんは最近は使ってない様子(でも相談はいっぱいしまくってますがw
他にも、FFブログに限らずLightboxを使っているブログ様は数多く、そのブログ様のところでもTBPとちゃんと共存しているっていう現実。
一体何がおかしいの~ヽ(´Д`;≡;´Д`)ノ
htmlやCSSへの記述はもう何回も目を皿のようにして繰り返し確認。
bodyにonload を追加する際、省略形で記述してた部分も修正。
しかし、もーだめ。もー無理。
何が間違ってるのか全然わかんネーーーーー!
cssとjsもっかいなめるように見直してきます・・
途中経過、ってことで。
うまくいって新しいテンプレ作り終わったら自分で読み直してプギャーm9(^Д^)してやる( TдT)
そもそも忍者ブログに移転してきた2006年秋、CSSの知識もまったくない頃に組んだテンプレートは、ブラウザごとの動作確認など念頭になくて、IE以外のブラウザでは崩れまくりで、今となっては恥ずかしい限り。
2008年春に、IEメインとは言え一応他のブラウザでも動作確認を行って現在のテンプレートに変更するわけなんですが、その後ちょっとだけブログのカスタマイズ方法の知識が増えて、コレしたいアレしたい、が増えてきたわけで。
その再たるものがLightBoxという、画像を表示させるスクリプトの存在です。
LightBoxにも色々な種類やバージョンがあって、亜種も沢山ありますが、
当ブログでは、10月中旬ぐらいから、Lightbox2を導入しています。(ver.2.04
Lightbox系の比較検討をしたサイト様がコチラ
サムネイル画像をクリックして頂くと、最近の記事の画像に限り、
こんな風に画像がうにょーんと表示され、背景が暗くなるようになってます。
# スクリプトを遮断している場合は、Lightboxは動作しません
# [ shinobi.jp ] のみ解除して頂ければ上記のように動作するはずです
※例:ここをクリックすると上記画像がポップアップします
・・・・・・・が、何が悪いのか、このlightboxの表示位置が変なんですよね。
私の使っているブラウザは普段はFirefoxなんですが、他にIEとSleipnirとOperaを入れて動作確認をしています。
IE8だとポップアップウィンドウが上辺に張り付き、Firefoxだと妙に下すぎ、SleipnirはIE8と同じく上辺に表示、唯一Operaのみ、他のLightboxユーザさんと同じくブラウザ画面中央上寄りに表示、という結果でした。
しかも、Lightboxをいじり始めたかなり序盤から、IEではエラーが出ることを確認しておりまして。
Lightoboxが、じゃなくて、私のブログにLightbox2を導入するとエラーが起きる、って意味です。
現在のテンプレートを変えようと思ったきっかけが、色々スクリプト入れすぎだからシンプルにしよう! という発想からだったので、まずは各種スクリプトを全部とっぱらった状態でテスト。
そしたらど~も、BlogPeopleかコミュニティサイトと相性がよくなさそうな感じ・・
そのへんでエラーが出てるみたいなんですよね。
おのれ一体何が原因なんだぁぁ。
もともと、某にくきゅう様んとこで見かけてから、やってみたいな~って思い立ったLightboxなんですが、にくきゅうさんは最近は使ってない様子(でも相談はいっぱいしまくってますがw
他にも、FFブログに限らずLightboxを使っているブログ様は数多く、そのブログ様のところでもTBPとちゃんと共存しているっていう現実。
一体何がおかしいの~ヽ(´Д`;≡;´Д`)ノ
htmlやCSSへの記述はもう何回も目を皿のようにして繰り返し確認。
bodyにonload を追加する際、省略形で記述してた部分も修正。
しかし、もーだめ。もー無理。
何が間違ってるのか全然わかんネーーーーー!
cssとjsもっかいなめるように見直してきます・・
途中経過、ってことで。
うまくいって新しいテンプレ作り終わったら自分で読み直してプギャーm9(^Д^)してやる( TдT)
COMMENT
TRACKBACK