<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
<title>monolog...</title>
<link>http://monolog.devgiri.org/index.php</link>
<pubDate>Thu, 01 Oct 2009 04:30:00 +0900</pubDate>
<description>monolog...</description>
<language>ja</language>
<generator>Loggix</generator>
<item>
<title>Web Clips：JavaScriptで画像のwidthとheightの値を取得</title>
<guid isPermaLink="true">http://monolog.devgiri.org/index.php?id=105</guid>
<pubDate>Thu, 01 Oct 2009 04:30:00 +0900</pubDate>
<description><p>旧Ganesha's Lab.（by SQLite2版Loggix）より移転転記。（2009-12-13）</p>
<p>前回、scripts.js のカスタマイズがIE以外では無効と書いたが、関係ありそうな情報をいくつか探してみた。実際に再カスタ...</p>
</description>
<content:encoded>
<![CDATA[
<p class="memo" style="border: solid 1px #666666; padding: 0 1em;">
<img src="./theme/css/default/images/icon-admin.png" width="24" height="24" style="vertical-align: -6px; margin:0 0.5em 0 0;" />
旧Ganesha's Lab.（by SQLite2版Loggix）より移転転記。（2009-12-13）
</p>
<p>前回、<a href="./index.php?id=103">scripts.js のカスタマイズがIE以外では無効</a>と書いたが、関係ありそうな情報をいくつか探してみた。実際に再カスタマイズを試すのは先の話になりそうなので、その時にまた探さなくて済むようにClipしておく。</p>
<ul>
<li>
<p>
<a href="http://d.hatena.ne.jp/uupaa/20090602/1243933843">JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log</a>
</p>
</li>
<li>
<p>
<a href="http://d.hatena.ne.jp/inamenai/20081011/p1">JavaScriptで画像の本来の幅と高さを取得する - inamenaiの日記</a>
</p>
</li>
<li>
<p>
<a href="http://dogmap.jp/2009/06/17/javascript-image-natural-size-2/">JavaScript で画像本来のサイズ(幅, 高さ)を取得する : dogmap.jp</a>
</p>
</li>
<li>
<p>
<a href="http://hisasann.com/housetect/2008/08/safariloadwidthheight.html">Safariでは画像のloadが終わっていないとwidth、heightがうまく取得できない at HouseTect, JavaScripter Blog</a>
</p>
</li>
</ul>
<h4>考察</h4>
<p>上の4つめ、アップデート前の Loggix で Safari のみ画像サイズが取得できなかったのは、これが原因だったんじゃないだろうか。</p>
<p>さて、どのサイトでも共通しているのは、ブラウザによって画像サイズの取得方法を変えなければいけない、ということ。改めて考えてみるとscripts.jsのカスタマイズでやっているのは、imgタグ内にwidthとheightの値を書き出すようにしているだけだから、値の取得方法についてはデフォルトのまままったく触っていない。こっちを追加でカスタマイズする必要があるのだろう。また、最新版で挙動が変わっているのは、やっぱりjQueryを導入したことで前バージョンと画像サイズの取得方法が変わっているんじゃないかと推測。</p>
<p>問題はjQuery関係でファイルがやたら増えているので、どこを弄ればいいかさっぱり分からないこと。ゆっくり時間がとれる時じゃないと弄るのは無理、よって当分先の話。</p>
]]>
</content:encoded>
</item>
</channel>
</rss>
