web2.0的ラボTopブログパーツ開発Amazon360
Amazon360と楽-yahのポップ画像表示を改造

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

powerd by 楽市アド360

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

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

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

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

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

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

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


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

powerd by Amazon360




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

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

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

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

from Spikyブログ at 07/04/18

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

"Amazon360と楽-yahのポップ画像表示を改造"へコメントを投稿
次のようなコメントは、基本的に掲載しかねますので、ご了承ください。

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

上の情報を保存する場合はチェック

about me


今からリンクシェア見本市に出かけます。 9hours ago

かん吉2.0
ウェブサイト作成・運営を生業としています
技術ネタを粛々と紹介してます

公開しているサービス

※日常のネタは親ブログのわかったブログ
運営ブログの新着記事を全て読めます

フィード
my bookstand
powerd by Amazon360
関連サイト: アフィリエイトゴールMovabletypeマニュアル?