田中邦衛研究所|管理人日記

<<田中邦衛研究所トップページ  <<ブログトップ  管理人日記

近い将来、あらゆるコンテンツを統合します!

*****

<   2011年 10月 ( 2 )   > この月の画像一覧

jQuery で高さを取得height()するとブラウザ間で値が異なる

jQuery で高さを取得する際に、height()使ってみたが、ブラウザ間で値が異なった。
特に差があるのがChromeで、FirefoxとIEが5500pxくらいに対して、Chromeは4500pxくらいと1000pxくらい違っていた。

table全体の高さを取得しようとしたらこうなった。

で、alertかましてみると、Chromeの場合、tableの描画途中でalertがされていた。つまり余白が設定される前に高さが取得されるので、これほどまでの誤差が生じているっぽい。body タグ終了直前に$(document).readyでheight()しても結果は同じだった。

なんでかよくわからん。

[PR]

by p_up_kuniken | 2011-10-09 22:39

jQuery で画像を拡大縮小させるには

jQuery であるサイトを作成していて、画像をビョイーンと拡大縮小させたいと思った。
scale だとか zoomとかは、ブラウザによっては使えなかったり。どうしたらいいのだろうと、いろんなサイトで使われているprettyPhoto プラグインの中身を見るが、なんだか処理いろいろやっていて面倒な感じだ。

ほかのプラグインも見たが、処理の仕方がいろいろだ。

どうしようかと思ったが、これが意外と簡単に画像拡大縮小の実装ができた。

img を100%にして、親要素でコントロールするだけ。そう。直接imgをコントロールしないっつーことで解決した。若干Chromeと他のブラウザで動きが異なるが、ま、許容範囲っつーことでOKにしよう。

[PR]

by p_up_kuniken | 2011-10-06 23:28 | ブックマーク

これよりメニュー開始

ブログトップ

*************

田中邦衛研究所|管理人日記