質問: オンマウスで画像がぶれる(highslide) 初めて質問します。現在、ブログを運営していますが最近になってhighslideを導入してみました。記事中の画像はサムネイルで表示され、今までだと別ウインドウにオリジナルを表示するようにしていたのですが、highslide導入後は画像がズーム&ポップアップされなかなか楽しめています。 ただ、highslideを設定した画像はサムネイル上にマウスカーソルを持ってきたときに画像の枠が消え、画像がやや下方にずれていきます。今までだとこういったことはありませんでした。hoverなどが設定されているのだろうかとhighslide.jsを探してみましたがなさそうな感じです。参考までにurlを記載しますので、どういった理由が考えられ、どういった対策が取れるのかをご教示下さい。なお、確認環境はmacosx 10.4.11/firefox3.0.3/safari3.1.2です。 http://sceadu.blog.shinobi.jp/ 最近の3記事についてはhighslideを、それ以前の記事については今まで通りの表示方法にしています。なお、当方で使っているhighslide.jsは以下のurlで参照できます。 http://file.sceadu.blog.shinobi.jp/highslide.js よろしくお願いいたします。
回答: 挙動としては、borderの幅が変わってるなぁという感じで。 原因は、問題の画像達はa.highslideの子孫であるだけじゃなくて div.entrytextの子孫でもあることですね。指定の順番からかな、標 準ではentrytextで指定した1px幅rgb(102,102,102)色のborderが描 かれていて、hoverするとhighslide:hoverの2px幅white色のborder に切り替わってます。highslideの2px幅gray色のborderは使用され ていません。 highslideの指定をもっと後ろに持ってくるか、指定の詳細度をあげ る工夫が必要ですね。highslideのborderを1px幅にしてもいいけど。