[jQuery]スマホ画像の調整

    // スマホ画像の調整
    function isSmartPhone() {
        //if (window.matchMedia && window.matchMedia('(max-device-width: 768px)').matches) { //IE11で反応しない
        if ( $(window).width() <= 768 ) {
            return true;
        } else {
            return false;
        }
    }
    
    $(window).on('load resize', function () {
        $('.spScale').each(function(){
            
            var image = new Image();
            image.src = $(this).attr('src');
            
            var scale = 0.5;
            var scaleSmall = 0.3;
            var originalWidth = image.naturalWidth;
            if(originalWidth == 0){
               originalWidth = $(this)[0].naturalWidth;
            }
            
            if(isSmartPhone()){
                $(this).width(originalWidth * scale).css({ 'height': 'auto'});
                if($(this).hasClass('small')){
                   $(this).width(originalWidth * scaleSmall).css({ 'height': 'auto'});
                }
            }else{
                $(this).width(originalWidth).css({ 'height': 'auto'});
            }
        });

        
    });