Ajaxの非同期通信ってやつを使ってみました。
PHP勉強中のカメラマン兼コーダーのMaaharu.Kです。昨年仕事のサイトのコーディングで諦めた、トップページのスライダーの左右に小さい画像を並べて、明暗のフィルターを被せるデザイン、PHPの乱数を発生させて、ついでに画像の配置も乱数で毎回位置を変えるってことにして作ってみました。
ソース自体はfor文で楽に書けたのですが、どうやって繰り返すのか
・・・・ 思案 ・・・・
以前作って自分のサイトで使用している jsで一定の秒数ごとにリロードするスクリプトを使ってみたところ、概ねイメージどおりといえばイメージどおりなのですが、
ガーガーーーーーーーーーン
IEだけはリロードのたびにページトップに戻ってします。
いろいろ調べたところ 非同期通信のAjaxって手法で対応できるらしい・・ でも jQueryを使うのが一般的らしい、実は個人的にjQueryが嫌い、こいつは一匹 二匹をサイト内で飼うには可愛いやつなんだけど、たくさん飼うと喧嘩するかのごとく飼い主の意図を聞いてくれなくなる傾向があるみたいで、時間に追われていない今回のストック案みたいなものには使いたくないので、jsのものを調べて実装、またまたIEのキャッシュに邪魔されて、その対策の参考サイトを拝見するも、ちょっと変!! jsのソース少し手直しして、IEでも快調に動きました。
めでたし めでたし
・・と長々と書いたのは、ここまで下がっていても更新の度にページトップに戻らない確認もかねています。