arcalive 이미지 미리보기

arcalive 게시글의 이미지를 미리보여줍니다.
目前为 2022-08-09 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         arcalive 이미지 미리보기
// @namespace    http://tampermonkey.net/
// @version      0.19
// @description  arcalive 게시글의 이미지를 미리보여줍니다.
// @author       You
// @match        https://arca.live/b/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=arca.live
// @grant        none
// @license      MIT
// @require      https://code.jquery.com/jquery-3.6.0.min.js
// ==/UserScript==
'use strict';
const pose = '제목';

function moveImageWithMark(title, mark, image){
    let dest;
    const brTag=document.createElement('br');
    switch (pose)
    {
        case '제목':
            dest=title.children[1];
            dest.append(brTag,image);
            dest.prepend(mark);
            break;
        case '날짜':
            dest = vrowInner.children[1].children[1];
            dest.append(brTag,image);
            break;
    }
}

(function() {
    const vrowPrevs=$('.vrow-preview');

    for (const vrowPrev of vrowPrevs)
    {
        const image = vrowPrev.children[0];
        image.style['width']='100px'; // 혹시나 이미지크기가 이상할경우대비 100px로.

        const vrowInner = vrowPrev.parentElement.children[0];
        const vrowTop = vrowInner.children[0];

        const title = vrowTop.children[1];
        const mark=title.children[0];

        let dest;
        moveImageWithMark(title, mark, image);
    }

    vrowPrevs.css('display','none'); //원래프리뷰 가리기.
    const articleList = document.querySelector('.article-list');
    const articles=articleList.querySelectorAll('a.vrow.column');
    for(article of articles)
        article.style='height: auto !important';
}
)();