BlogPetがリニューアル
昨日(12/28)からBlogPetがリニューアルされて色々新しい機能が増えたらしいです。
それに伴って以前から利用していた「BlogPetのランダム表示JavaScript」によるBlogPet表示ができなくなったようです。今日まで気が付いてなくてBlogPetが表示されていませんでした、すみません。
早速、「KOROPPYの本棚」さまが改良版の表示用スクリプトを記事にされております。さすが素早いですね。
KOROPPYの本棚 さま : ブログペット切り替え表示スクリプト~リニューアル対応版~
ペットの貼り付けコードをそのまま利用するので、機能強化などで変更があった場合でも、トラブルがおきにくいようです。
とのことですが、ひとつ困った事が。
LiteBox(LightBoxの後継版)を使用していると拡大画像を表示時にBlogPetが下に隠れないという問題があります。
小粋空間 さま : Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す
サムネール画像から拡大画像をポップアップさせずにスマートに表示する Lightbox JS、以前当サイトでもLightbox JS で画像を表示するをエントリー致しましたが、ブログに設置している Flash(こうさぎ等)については拡大画像表示時に PNG 背景画像(overlay.png)の下に隠れないという問題があります。
そこで元々設置していた「BlogPetのランダム表示JavaScript」を改変しました。以下の記事を参考にしました。
上記のサイトにあるスクリプトのページのソース中にあるFlashファイル名(.swf)と高さ指定(height=)を修正します。
1. Flashファイル名の変更
スクリプト中に<変更前>の記述を見つけて<変更後>のファイル名に置き換えます。(1) POCユーザの方 <変更前>
'http://www.blogpet.net/usa.swf'
<変更後>
'http://www.blogpet.net/usap.swf'
(2) POCユーザでない方
<変更前>
'http://www.blogpet.net/usa.swf'
<変更後>
'http://www.blogpet.net/usan.swf'
2. 高さ指定の変更
(1) POCユーザの方<変更前>
height='200'
<変更後>
height='220'
(2) POCユーザでない方
<変更前>
height='200'
<変更後>
height='320'
それぞれ2箇所ありますので両方とも変更します。変更点は以上です。
「LiteBox(LightBoxの後継版)を使用していると拡大画像を表示時にBlogPetが下に隠れないという問題」の対処方法については、小粋空間さまの記事をご参照願います。