JavaScriptコードスニペット：スプラッシュ画像を表示する

【コードサンプル】

(function(src) {
    var img = document.body.appendChild(document.createElement("img"));
    img.src = src;
    img.style.position = "fixed";
    img.style.left = "50%";
    img.style.top = "50%";
    img.style.zIndex = 9999;
    img.style.display = "none";
    img.onload = function() {
        img.style.display = "block";
        img.style.marginLeft = (-img.offsetWidth / 2) + "px";
        img.style.marginTop = (-img.offsetHeight / 2) + "px";
        setTimeout(function() {
            img.parentNode.removeChild(img);
        }, 3000);
    }
})('http://shorindo.com/lib/plugins/comingsoon/images/comingsoon.jpg');

【サンプルの実行】 → クリックしてください。

JavaScriptコードスニペットへ

javascript