Amazon360と楽-yahのポップ画像表示を改造

ブログパーツ配布屋のブログ。ウェブプログラム、パソコン＆サーバー、SEOに関する技術日誌

web2.0的ラボTop＞ブログパーツ開発＞Amazon360＞

Posted at 07/01/12 Comment(0)» Trackback(1)» ブログパーツ開発»

powerd by 楽市アド360

Amazon360と楽-yahに実装されている画像のポップアップを改造しました。

ポップアップ画像を表示する「位置」を、マウス位置からの相対座標（Ｘ座標のみ。Ｙ座標はこれまで通り）で表示できるようにしました。

今までの仕組みだと、ディスプレイの大きさやブラウザのウィンドウの大きさによっては、元画像とポップアップ画像が重なってしまい、上手く表示されない場合があったのです。

マウス座標からの相対位置を指定するアイデアは、このサービスを始めた頃からあって、実際に仕組みも実装していたのですが、ＩＥでは動くけれど、ＦｉｒｅＦｏｘでは全く動かなかった（いわゆるクロスブラウザ問題）のです。

しかし今回、上手い方法を見つけました。
けど、上手くいった理由がわかっていないので、詳しいことはまた後日に。

※マウスの位置で、ポップアップ画像を左右どちらに表示するかを自動的に判別するようにしています。

※マイ本棚もアップグレードしてます。

Amazon360の例です。
同じ画像でもマウスの位置によって、ポップアップする場所が微妙に違います↓

powerd by Amazon360

RSS2.0 Atom
RSSリーダーに登録すれば、更新がすぐにわかります。

次の記事 » ツリークラウドをちょっと改造
前の記事 » パソコン異音の対策

「Amazon360と楽-yahのポップ画像表示を改造」に関連する記事

…関連記事を全部見る[Amazon360] [買物検索「楽-Yah」]

インターネット情報ランキング

"Amazon360と楽-yahのポップ画像表示を改造"へのトラックバック

トラックバック先URL

※当サイトへのトラックバックは、当サイト内ページへのリンクがないと、受け付けない仕様になっています "Amazon360と楽-yahのポップ画像表示を改造"へのトラックバック一覧

これはいい！"web2.0的ラボ"のブログパーツ

from Spikyブログ at 07/04/18

sailweb.netを再開してから、約１週間ほどがたちました。とりあえずは知ってよかったと思える情報をなるべく提供...

"Amazon360と楽-yahのポップ画像表示を改造"へコメントを投稿

次のようなコメントは、基本的に掲載しかねますので、ご了承ください。

・「応援してます！応援ポチ☆」のような、返答しようがないコメント。私は「応援ポチ」という言葉が嫌いです。「応援ポチ」もしくはそれに順じた言葉が書き込まれたコメントは無視させて頂きます。
・当記事と全く関係ない話題、サイトの売り込みなど。宣伝色を少しでも感じたものは削除します。
・相互リンク依頼のコメント（専用ページから申し込みください）
・ブログバーツに関する質問（掲示板に書き込んでください）
・その他、管理人が不適切だと感じたコメント