하늘/mobile.js

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
오페라: Ctrl-F5를 입력.

/**
 * 모바일 데이터 사용시 대용량 애니메이션 이미지를 로드 중지시켜 데이터 사용량을 50% 정도 감소시키는 스크립트
 * 
 * mw.loader.load('/index.php?title=사용자:하늘/mobile.js&action=raw&ctype=text/javascript');
 **/

document.querySelectorAll('.image img').forEach(image => {
	var fileType = image.src.split('.').pop();
    if (fileType == 'gif' || fileType == 'webp') {

        var loaded = false;
        image.onload = function () {
            loaded = true;
        };

        setTimeout(function () {
            if (loaded === false) {
                var imagesrc = image.src;
                image.src = ""; // 이미지 로드 중지

                image.style.display = "inline-block";
                image.style.border = " 1px solid #eceeef";
                image.style.textAlign = "center";

                var image_href = image.parentElement.href; //parent = a tag
                image.parentElement.href = "#";
                image.parentElement.onclick = function (e) {
                	e.preventDefault();
                    this.onclick = function () {
                        this.href = image_href;
                    };
                    image.src = imagesrc;
                };
            }
        }, 500);

    }
});