arcalive 미리보기

arcalive 게시글의 이미지를 미리보여줍니다.
目前为 2022-08-04 提交的版本。查看最新版本。
Wrap lines
// ==UserScript==
// @name         arcalive 미리보기
// @namespace    http://tampermonkey.net/
// @version      0.17
// @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==

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

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

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

        const mark=title.children[0];
        //const dest=title.children[1]; 제목아래
        const dest = vrowInner.children[1].children[1]; // 날짜아래

        dest.append(brTag,image);
        //dest.prepend(mark);
    }
    vrowPrevs.css('display','none'); //원래프리뷰 가리기.
    const articleList = document.querySelector('.article-list');
    const articles=articleList.querySelectorAll('a.vrow.column');
    for(let i=0;i<articles.length;i++)
        articles[i].style='height: auto !important';
}
)();