Windows10でピクチャっぽいことをする

Windows10にはピクチャアプリケーションがなくて画像を連続で見るときに不便です。

使い方

見たい画像やファイルを下記のファイルにドラッグアンドドロップします。 「送る」に格納してもよいかもしれません

ソース

var fso = new ActiveXObject("Scripting.FileSystemObject");
var ie = WScript.CreateObject("InternetExplorer.Application", "IE_");
var objshell = new ActiveXObject("shell.application");
var shell = WScript.CreateObject("WScript.Shell");

/* store current folder item's path */
var info = [];
/* position of showing image */
var position = 0;

init();
fileOpen(fso.GetAbsolutePathName(WScript.arguments.Item(0)));
focus();

while(true) {
    WScript.Sleep(1000);
}

// create page image
function init() {
    ie.Visible = true;
    ie.Navigate("about:blank");

    var img = ie.Document.createElement("img");
    var text = ie.Document.createElement("div");
    var title = ie.Document.createElement("div");
    var video = ie.Document.createElement("video");

    ie.Document.body.appendChild(title);
    title.id = "title";
    title.style.cssText = "width:100%; text-align:center; display:block";

    ie.Document.body.appendChild(text);
    text.id = "text";
    text.style.cssText = "border: 1px solid black;";
    text.addEventListener("mouseDown", openByApp);

    ie.Document.body.appendChild(img);
    img.id = "img";
    img.style.cssText = "display:block; margin:auto ";
    img.addEventListener("mouseDown", openByApp);

    ie.Document.body.appendChild(video);
    video.id = "video";
    video.style.cssText = "margin: auto";

    /* set actions of keydown */
    ie.Document.addEventListener("keydown", function(e) {
        // left allow
        if (e.keyCode == 37) {
            position = position - 1 >= 0 ? position - 1 : info.length - 1;
            show(info[position]);
        // up allow
        } else if (e.keyCode == 38) {
            fileOpen(fso.GetParentFolderName(info[position]['path']));
        // right allow
        } else if (e.keyCode == 39) {
            position = position + 1 < info.length ? position + 1 : 0;
            show(info[position]);
        // down allow
        } else if (e.keyCode == 40) {
            if ( info[position]['type'] == 'folder' ) {
                folderOpen(info[position]['path']);
            }
        // space key
        } else if (e.keyCode == 32) {
            openByApp();
        }
    });
}

function focus() {
    var ie_list = [];
    /* get root IE process and focus it */
    for ( var e = new Enumerator(GetObject("winmgmts:").InstancesOf("Win32_Process"));
        !e.atEnd(); e.moveNext()) {
        var p = e.item();
        /* app activate and creation date of ie which recently activate */
        if ( p.Name == "iexplore.exe") {
            ie_list.push( {
                'pid':  p.ProcessId,
                'ppid': p.ParentProcessId
            });
        }
    }
    var process = ie_list[0];
    for ( var i = 0; i < ie_list.length; i++) {
        if ( process['ppid'] == ie_list['pid'] ) {
            i = 0;
        }
    }
    shell.AppActivate(process['pid']);
    ie.Document.focus();
}

function folderOpen(target) {
    setInfo(target);
    setPosition(info[0]['path']);
    show(info[position]);
}

function fileOpen(target) {
    setInfo(fso.GetParentFolderName(target));
    setPosition(target);
    show(info[position]);
}

function setInfo(target) {
    info = getItems("folder", fso.GetFolder(target).SubFolders);
    var files = getItems("file",   fso.GetFolder(target).Files);
    for ( var i = 0; i < files.length; i++) {
        info.push(files[i]);
    }
}

function getItems(type, list) {
    var ret = [];
    for ( var e = new Enumerator(list); !e.atEnd(); e.moveNext()) {
        ret.push({'type': type, 'path':e.item().Path});
    }
    return ret;
}


function setPosition(path) {
    for (var i = 0; i < info.length; i++) {
        if (info[i]['path'] == path) {
            position = i;
        }
    }
}

/* procedure show item */
function show(item) {
    var path = item['path'];
    var img = ie.Document.getElementById('img');
    var title = ie.Document.getElementById('title');
    var text = ie.Document.getElementById('text');
    var video = ie.Document.getElementById('video');

    /* at first, undisplay all */
    text.style.display  = "none";
    img.style.display  = "none";
    video.style.display  = "none";

    title.innerText = path;
    if ( item['type'] == 'folder') {
        text.innerText = "[Folder]";
        text.style.display = "block";
    } else {
        if ( fso.GetExtensionName(path).match(/(png|jpg|jpeg|gif|bmp|heic|heif|jp2|j2c|webp|tiff|tif|svg|svgz)/i)) {
            img.src = path;
            resize(img, title);
            
            img.style.display  = "block";
        } else if (fso.GetExtensionName(path).match(/mp4|webm|ogg/i)) {
            video.src = path;
            resize(video, title);
            video.style.display  = "block";
        } else if (fso.GetExtensionName(path).match(/txt/i)) {
            var fh;
            try {
                fh = fso.OpenTextFile(path);
                text.innerText = fh.ReadAll();
                text.style.display = "block";;
            } finally {
                if ( fh != null) { fh.Close(); }
            }
        } else {
            text.innerText = "[unablable to display]";
            text.style.display = "block";
        }
    }
}

function openByApp(e) {
    var path = info[position]['path'];
    if ( fso.GetExtensionName(path).match(/(png|jpg|jpeg|gif|bmp|heic|heif|jp2|j2c|webp|tiff|tif|svg|svgz)/i)) {
        shell.run("mspaint.exe \"" + info[position]['path'] + "\"");
    } else if (fso.GetExtensionName(path).match(/txt/i)) {
        shell.run("notepad.exe \"" + info[position]['path'] + "\"");
    }
}

/* resize e(lement) size to fix window */
function resize(e, title) {
    if (e.naturalWidth < ie.Document.body.clientWidth && e.naturalHeight < ie.Document.body.clientHeight) {
        e.style.height = e.naturalHeight;
        e.style.width =  e.naturalWidth;
    } else {
        var height_ratio = (ie.Document.body.clientHeight - title.clientHeight - title.offsetTop * 2 - 2) / e.naturalHeight;
        var width_ratio  = ie.Document.body.clientWidth / e.naturalWidth;
        if ( height_ratio < width_ratio) {
            e.style.height = e.naturalHeight * height_ratio;
            e.style.width =  e.naturalWidth  * height_ratio;
        } else {
            e.style.height = e.naturalHeight * width_ratio;
            e.style.width =  e.naturalWidth  * width_ratio;
        }
    }
    
    e.style.display  = "block";
}

/* Quit self, when IE quit */
function IE_OnQuit() {
    WScript.Quit();
}

fileviewer wsh