Amazon360と楽-yahのポップ画像表示を改造
Amazon360と楽-yahに実装されている画像のポップアップを改造しました。
ポップアップ画像を表示する「位置」を、マウス位置からの相対座標（Ｘ座標のみ。Ｙ座標はこれまで通り）で表示できるようにしました。
今までの仕組みだと、ディスプレイの大きさやブラウザのウィンドウの大きさによっては、元画像とポップアップ画像が重なってしまい、上手く表示されない場合があったのです。
マウス座標からの相対位置を指定するアイデアは、このサービスを始めた頃からあって、実際に仕組みも実装していたのですが、ＩＥでは動くけれど、ＦｉｒｅＦｏｘでは全く動かなかった（いわゆるクロスブラウザ問題）のです。
しかし今回、上手い方法を見つけました。
けど、上手くいった理由がわかっていないので、詳しいことはまた後日に。
※マウスの位置で、ポップアップ画像を左右どちらに表示するかを自動的に判別するようにしています。
※マイ本棚もアップグレードしてます。
Amazon360の例です。
同じ画像でもマウスの位置によって、ポップアップする場所が微妙に違います↓
powerd by Amazon360
最終更新日:2007.9.15 | コメント(0) | トラックバック(1) | Amazon360 買物検索「楽や」
- Amazon360 アマゾン支援サイト
- Amazon360 ポップアップ実装
- Amazon360不具合について
- Amazon360アフィリエイトサービスのコツ
- Amazon360やりたいことメモ
- Amazon360バージョンアップ ver060925
- Amazon360ドメイン変更
- Amazon360新機能 マイ本棚 etc...
- Amazon360バージョンアップ Var.061003
- Amazon360に新機能 アクセス履歴＆トラックバック
- Amazon360のバージョンアップ Var.061205
- Amazon360のバージョンアップ Var.070107
- Amazon360と楽-yahのポップ画像表示を改造
- Amazon360にカスタム表示機能追加
- AWS一度に２つのクエリを飛ばす方法
- Amazon360の表示フォーマット追加
- Amazon360のバージョンアップ Var.070223
- 名称変更 「Amazon360」
- ブログパーツ設置について
- 時計、ベビー＆マタニティ ストアを追加
- ブログパーツ利用ルールを新設します
- デザインを微妙に変更
- Amazon360にアパレル&シューズ追加
- Amazon360ブログパーツ・独自インストール版
- AMAZONのxsltプロセッサ仕様変更に伴う、Amazon360サービス変更について
- Amazon360サービスレビュー
- Amazon360にコスメカテゴリを追加
- Amazon360ブログパーツでリアルタイム情報表示可能に
- Amazon360旧ブログパーツ全面停止
- Amazon画像をASINから生成する方法
- Amazon360に食品＆飲料カテゴリ追加
- AWSでNGワード(除外ワード)設定方法
- Amazon360ブログパーツ Yahoo Pipes利用バージョン
- Amazon360ブログパーツ改良
- Amazon Product Advertising API とブログパーツ
- Amazon「文房具・オフィス用品ストア」のSort ValuesとSearchIndex
※当サイトへのトラックバックは、当サイト内ページへのリンクがないと、受け付けない仕様になっています
トラックバック一覧from Spikyブログ at 07/04/18
sailweb.netを再開してから、約１週間ほどがたちました。 とりあえずは知ってよかったと思える情報をなるべく提供...
