タイトル画像をランダム表示

ブログレイアウトを変更してみました260


といっても、根本的には変わってません(苦笑)。ブログタイトルの画像をランダムに変更するように手を加えてみました。手が空いたらやろうやろうと思っていたのですが、なかなか踏み出せなくて・・・。たまたま写真を整理していたら旅情あふれる写真が出てきたので、タイトル画像用に加工編集に手をだした次第。画像編集はそれほど時間はとられませんでした。


さて、画像をランダムに表示するのに参考としたのは以前 「新着表示「NEW」マークを付加しました」の記事でお世話になった「FC2ブログのテンプレート工房」さん。参考元記事は


 「背景画像をランダムに変える」 ※トラックバックさせていただきました。


実は最初は「タイトル画像をランダムに変える」の記事を参考に作業を始めました。スクリプトを加工しテスト表示してみると、ありゃりゃ・・レイアウトがくずれて重なって表示されてしまう。元記事を読み進めていくと、「SEOを考慮したランダムなタイトル画像」という記事があり、元画像を透過GIFにしてやる手法がとりあげられていた。透過GIFのファイルを作成し終えやりはじめようと思っていたところ、「背景画像をランダムに変える」 の方が手っ取り早そうなのでこちらでやってみることに。


実行してみるが、レイアウトが崩れない変わりに何も変わらない(苦笑)。スタイルシートの該当ファイル部分をコメントアウトしてみたところうまく動作するようになりました179


Firefoxで作業していたが、IE6、IE8でレイアウト確認したところ問題はでていない模様。よかったよかった278


いまのところ、釧路湿原と宍道湖の2つの写真が入れ替わるようになってますが今後手が空いたら写真は追加していこうと思ってます280

関連記事


拍手する ※見てくださった方々へ、、ご参考になれば幸いです。よろしければ「拍手」頂ければウレシイです

テーマ : カスタマイズ
ジャンル : ブログ

tag :日記 ブログレイアウト カスタマイズ ランダム画像 

にほんブログ村 旅行ブログ 温泉・温泉街へ にほんブログ村 旅行ブログ 旅行グルメへ にほんブログ村 鉄道ブログ 鉄道旅行へ ブログランキング・にほんブログ村へ
ブログランキング【くつろぐ】 ブログランキング ブログランキングのブログん家 blogram投票ボタン

 注目 Blog 記事タイトル レイアウト変更 を行いました(2010.02.09)
 注目 Blog 記事に tag関連エントリの自動表示 を行うようにしました(2010.01.05)
 注目 伊東温泉・共同浴場10湯比較リスト 公開しました!(2009.12.20)
 注目 Blog 表示高速化のため、記事を要約して表示する方法へ変更しました(2009.12.13)
 注目 伊東温泉共同浴場温泉マップ 公開しました!
 注目 ★全国駅前温泉リスト★ 随時更新中 (2010.8.17 更新) オススメ

tag関連エントリ(Google AJAX Feed)

Loading..Please Wait

trackback


この記事にトラックバックする(FC2ブログユーザー)

投稿後は管理人承認待ちとなり、承認の上公開されます。記事とは関係のないトラックバックは予告なく削除対象となりますので予めご了承ください。



Re: タイトル画像をランダム表示 その5

タイトル画像ですがさらに3つ追加。 ・高知 桂浜 ・知床五湖 ・屈斜路湖 総計24の写真となりました。

Re: タイトル画像をランダム表示 その4

タイトル画像ですがさらに6つ追加。 ・大湊線 車窓 ・只見線 会津盆地の車窓 ・予土線車窓 沈下橋 ・富士山 空撮 ・四万十川 沈下...

Re: タイトル画像をランダム表示 その3

タイトル画像ですがさらに3つ追加。 ・草津 湯畑 ・妙見温泉 堆積物 ・十勝岳連峰 総計15の写真となりました。

Re: タイトル画像をランダム表示 その2

タイトル画像ですがさらに4つ追加。 ・釧路湿原 細岡展望台 ・釧網本線 車窓 ・陸羽東線 車窓 ・田沢湖線 車窓 総計12の写真とな...

Re: タイトル画像をランダム表示

タイトル画像のランダム表示ですが、さらに3つ写真を追加して見ました。 ・釧路湿原 釧路川 ・美瑛 マイルドセブンの丘 ・釧路湿原 木...

コメント


cup 編集後記


その後タイトル画像ですが、

・北海道の神秘の湖オンネトー
・富良野の丘陵
・オホーツク海の流氷

3つの写真を追加し合計5つになりました。

コメントの投稿

投稿後は管理人承認待ちとなり、承認の上公開されます。記事とは関係のないコメントは予告なく削除対象となりますので予めご了承ください。


非公開コメント

ブログ内 記事検索
カテゴリ
全記事一覧表示
カテゴリ別全タイトル表示 NEW
最近のコメント(コンパクト)
データ取得中...
最新記事
最新コメント
最新トラックバック
カレンダー(月別)
11 ≪│2019/12│≫ 01
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
月別アーカイブ
タグリスト

RSSリンクの表示
メールフォーム

名前:
メールアドレス:
件名:
本文:

ホームページリンク
素材リンク集
ゆーりの休日 2000ピクセル以上のフリー写真素材集 写真素材ポラリス
フリーエリア
リンク
プロフィール

やっすぃぃぃー

Author:やっすぃぃぃー

趣味はダイビングと鉄道旅行。ダイビングライセンスはダイブマスター、鉄道ではJR全線乗りつぶし達成済という異才。温泉、駅弁、ラーメン、路面電車、お城巡りも好きな凝り性。横浜市内在住。HP

やっすぃぃぃーの愛車
レガシィ

スバル・レガシィB4の話題を『みんカラ』SNSでいろいろまとめてます。車の話題を随時掲載中です♪
『亡き後を考える』シリーズ記事
温泉トピックス
温泉比較リスト
温泉マップ
GoogleMAPで温泉マップを作成しました。湯巡りの際のご参考に!

伊東温泉共同浴場10湯
鹿児島市内温泉銭湯20湯
ブログ開設から何日経った?
サイト内 人気ページランキング
検索サイト キーワードランキング
FC2拍手ランキング
FC2アクセスランキング
10位 温泉旅行
118位 旅行
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
ブログパーツ レンタルCGI