画像の操作:

画像のパスとリアルサイズを配列化

指定した id か class の画像パスとリアルサイズを予約変数配列に格納。
格納後は、$getImgData()関数で幅か高さを取得可能。

String
<img>に付けた id か class を渡す
●必須引数 ●オプション引数(省略可能)

記述例

$imgDataMakeAry('photo1')

戻り値

画像パス・リアル幅・リアル高の各予約変数名は以下のとおり。

klibImgDataMakeAryPath:画像パス

klibImgDataMakeAryWidth:リアル幅

klibImgDataMakeAryHeight:リアル高

動作サンプル

HTML : <img id="img1" src="images/pht_1.jpg" height="190" alt="">
Javascript : $imgDataMakeAry('img1'); var imgW=$getImgData('images/pht_1.jpg','W'); var imgH=$getImgData('images/pht_1.jpg','H');
HTML : <img class="img2" src="images/pht_1.jpg" height="190" alt=""> <img class="img2" src="images/pht_2.jpg" height="190" alt=""> <img class="img2" src="images/pht_5.png" height="190" alt="">
Javascript : $imgDataMakeAry('img2'); var imgW=$getImgData('images/pht_2.jpg','W'); var imgH=$getImgData('images/pht_5.png','H');
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。