2005年 2月 18日(金)   仏滅 雨水   今日は何の日?   

TopブログパーツBlogPet > BlogPetたちをタブインデックスで表示させてみる

BlogPetBlogPetたちをタブインデックスで表示させてみる new

JavaScript を使って 5種類の BlogPet を ランダムに表示させる ようにしてたんだけど、
KOROPPYの本棚 さまの 「タブ切り替えで全てのBlogPetをサイドバーに表示」 という記事を拝見して
タブで切り替えも いいかも・・・とか思ったので、やってみました。

tabindex.pngJavaScript Market さま作の Scriptレイアを使ったタブインデックス」 を 使ってます。
KOROPPYさんの記事 から ヒントを得て お留守番背景 も 入れてみました。
なんとか できたんだけど・・・・ランダム表示 と ホント 一長一短なんですよねぇ。
ランダム表示 は 軽くて すぐに表示されるんだけど、
次に表示されるPetを 自由に選ぶことはできません。
これに対し、タブ切り替えだと 好きなPetを選んで表示ができるし、
お留守番背景も 入れることができるけど
とにかく、ページが全て表示されるまで BlogPet は 表示されないので
最初に表示されるまでに かなり時間がかかります。
(そこで、BlogPet が表示されるまで 本来はBlogPetサーバダウン時の為の
 お留守番背景が 見えるようにしてます。)
また、タブと BlogPet のフレームの背景に うっすらと 色を付けているのですが、
これが見えるのは IEのみで、NetScape や Firefox で見た場合は 真っ白。
その代わりと言ってはなんだけど、これらのブラウザで見た場合、BlogPetのフレームの下に
セットしたお留守番背景の上部が 少し覗いてしまってます。ダメじゃん。。。
これは・・・ランダム表示に 戻しちゃうかもしれないなー。
タブも 画像入れたりしてかわいくできたんだけどなー。
タブに並んでる動物の画像は ★☆ばにらん☆★ さまで いただいてきました。キュートな動物達が お気にです。

 * こちら の方法に 切り替えました。(2005.02.19)

Posted by Caetla at 05:09 | Category : BlogPet | Comments [6] | Trackbacks [2] | Clip!! | Ranking
Tag : BlogPet
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(2.9) 総合点:(1074) 投票人数:(373)

エントリーURL


 

トラックバックURL


 

トラックバック

BlogPetのランダム表示JavaScript(改良版) from http://kaiyuikoi.chu.jp/blog/archives/000449.php Treasure
先日エントリーしたペットランダム表示が改良されていた!! The blog of... [続きを読む]

Tracked on 2005年02月19日 14:29

BlogPetをタグ表示に変更 from iN My liFe-Left side-
BlogPetをランダム表示にしていたんだけど タブを使った方法に変更してみることにしました。 やむやむさんところの記事を参考にさせてもらいました。... [続きを読む]

Tracked on 2005年07月06日 22:10
コメント
1

動物のアイコン、キュートですねっ 愛
でも確かに、ページの表示が終わるまでは留守番背景になってしまいますね。
難しいところです。

サイドバーでは重そうなので、私は広場でタブ表示に戻すかもしれません。

Posted by ゲスト KOROPPY http://koroppy.cocolog-nifty.com/blog/ at 2005年02月18日 07:39 [RES]
2

>>1 KOROPPYさん
そうなのよねー。せっかくかわいくできたから、捨てちゃうのもったいないしぃ。なんて・・・ Rolling Eyes

Posted by 管理人 さえら http://caetla.oops.jp/blog2/ at 2005年02月18日 08:14 [RES]
3

こんばんは。いつも参考にさせていただいてます ハート
このタブでアイコンで表示版を使わせていただこうと思ったら
アイコンは表示されるのですがそこから下が表示されなくなってしまいました・・・
原因はわかるでしょうか?
javascriptは<head></head>内に記述し、
こちらのテーブルソースをいただきスクリプト等を直し入れたのですが
アイコンだけ表示され、アイコンからそれぞれのペットへは飛ばず
そこから下が何も表示されなくて・・ 汗
このテーブルスクリプトの下に記述する事はありますか?
申し訳ありませんが原因がわかるようでしたらよろしくお願いします。

Posted by ゲスト ちひろ http://kaiyuikoi.chu.jp/blog/ at 2005年02月18日 21:53 [RES]
4

>>3 ちひろさん
こんばんはー。JavaScriptですが、あたしは <head> ~ </head> 内に記入せず
テーブルタグの直前に入れてます。あと、テーブルタグの下には サイドメニューを
折りたたむスクリプトを 入れてるだけです。参考になるといいですけど・・・

Posted by 管理人 さえら http://caetla.oops.jp/blog2/ at 2005年02月18日 22:05 [RES]
5

こんにちは。

BlogPetランダム表示JavaScriptを改良しました。
ページ表示後も一定時間ごとにランダム表示したり、見たいペットへのリンクをつけたりすることができるようにしました。
こちらにありますので、良かったらご覧ください。

Posted by ゲスト http://www.h-fj.com/blog at 2005年02月19日 08:13 [RES]
6

>>5 壱さん
w(゜o゜)w オーッ 素敵ですぅ。早速 使わせていただきました。
好きなペットへのリンクは 画像にしてみました。ヽ( ̄▽ ̄)ノ

Posted by 管理人 さえら http://caetla.oops.jp/blog2/ at 2005年02月19日 10:23 [RES]
Amazon Search
Google Similar