« 2023年10月 | メイン | 2024年01月 »

2023年11月04日

image onload

$(document).ready(function () {

    var pre_load_img_num = $("#kv img").length;
    
    var loaded_num = 0;
    var preFlag=true;
    var checkFunc = function(){
        if(preFlag == false){
            return;
        }
        loaded_num++;
        if(loaded_num == pre_load_img_num){
            preFlag = false;
            $("body").fadeIn(1000);
            fadeImg();
        }
    }
    for(i=0;i<pre_load_img_num;i++){
        let imgObj = $("#kv img")[i] ;
        if(imgObj.complete){
            console.log("comp");
            checkFunc();
        }else{
            console.log("not comp");
            imgObj.onload  = checkFunc;
        }
    }

投稿者 muuming : 09:50

2023年11月02日

画像レティナ関連

<picture>
<source media="(min-width: 320px)" srcset="small.jpg 1x, small@2x.jpg 2x">
<source media="(min-width: 640px)" srcset="big.jpg 1x, big@2x.jpg 2x">
<img src="small.jpg" alt="Example image">
</picture>

投稿者 muuming : 11:28