特定ページからの遷移時は画像を変える

カテゴリ:PC
去記事続くぜ!

!!この記事は2017/12/06に別のブログで書いたものを再掲したものです。

書くことないから適当に身の回りのことをピックアップ

 クソ妄想垂れ流しにおいて、あとがきや最終話を読んだ後に「TOPに戻る」を押すとトップページの画像が変わるの知ってる?あ、知らない・・・。そうですか・・・。すみません・・・。

 JavaScriptとかPHPとかそういうのを使わない静的なページであれば、もう1つ画像を変えたhtmlを用意して最終話の「TOPに戻る」のリンクをそのhtmlにしたりとかすれば容易に実現できるけれども、それはめんどいよね。トップに変更があったらそっちも直さにゃならんし。

 じゃあPHPでトップページを動的に変えるのもいいけど、無料PHP使えるレンタルサーバは増えてきているとは言え選択肢は少ないし、PHPとかよく分からん。
 ほならJavaScriptでやったりましょう。

 Cookieかクエリストリングに遷移情報を埋め込めばいいだけの話やで。
 クエリストリングの場合、画面を変えたい時には「TOPへ戻る」のURLに遷移情報をつけて、遷移先でその値に応じて画像を変えればいいだけ。
 仕組みとしては全然難しいことはやってない。
 トップページがtop.htmlという名前の場合、上が普段の「TOPへ戻る」で下が最終話の「TOPへ戻る」のリンク

<a href="http://homepage/top.html">

<a href="http://homepage/top.html?v">

 最終話の方は「?v」っていうのがついてるが、この余計な部分がついててもtop.htmlが表示される

 そんでページを読み込んだ後にjavascriptで「?v」の部分を取得して画像を変えたりしているわけですよ
Cookie使うのも同様。そんだけ

 自分で読み返しても全然説明になってないなコレ
 興味があったらワイのクソ妄想のトップ開いて「右クリック->ページのソースを表示」でソース見てくれ
 上らへんに書いてるから
 onloadイベントで発火している。

 ソースは後日解説する


広告
参考書
読んでる本
好きな本
買った服
広告

外部リンク

【酔拳使い】
 質問箱
 ニコニコ動画
 Twitter
 Pixiv
【折墓】
 Twitter

リンク

 イラスト垂れ流し
 マンガ垂れ流し
 因数分解君
 スケール検索君
 形態素解析


TOP