이미지가 없는 글의 글목록에 대체 썸네일 넣기

이미지 없이 끄적거릴 때마다 비어있는 썸네일이 보기 싫어 (대충 재즈앨범 커버들로) 이미지들을 찾아 넣곤 했는데 이젠 그럴 필요가 없겠다. (프라치노 공간스킨에 해당하는 스크립트다.)

참고 :: 이미지가 없는 글에 대체 이미지 보여주기

변경 전/후

추가 및 보충)
위의 블로그가 삭제된 것 같다. 혹시나 도메인 주소가 바뀌었나 해서 이리저리 검색해 봤는데 나오질 않는다. 저기에서 공개되었던 스크립트는,

<script>
var target = document.getElementsByClassName('index-width-support')[0];
  if (target){
    var observerOptions = {
      childList: true,
      characterData: false,
      subtree: false
    };
var callback = function (mutationsList) {
  var inputs = document.getElementsByClassName('index-item-thumbnail');
    for (var i = 0; i < inputs.length; i++) {
      if (!inputs[i].hasAttribute('style')) {
        inputs[i].setAttribute('style', 'background-image:url(대체할 이미지의 주소);background-position:50% 50%;background-size:cover');
      }
    }
  };
var observer = new MutationObserver(callback);
    observer.observe(target, observerOptions);
  }
window.onload = function () {
  var inputs = document.querySelectorAll('.post-module-visual-image, .related-item .index-item-thumbnail');
    for (var i = 0; i < inputs.length; i++) {
      if (!inputs[i].hasAttribute('style')) {
        inputs[i].setAttribute('style', 'background-image:url(대체할 이미지의 주소);background-position:50% 50%;background-size:cover');
      }
    }
  };
 </script>

이것인데 여기에서, 블로그 첫 화면의 홈커버 중 카드형(.index-item-thumbnail)과 슬라이드형(.slider-visual)에 대체 썸네일이 나오지 않아 21번째 줄에 해당 클래스를 추가했다.

<script>
....
  var inputs = document.querySelectorAll('.post-module-visual-image, .related-item .index-item-thumbnail, .index-item-thumbnail, .slider-visual');
..
</script>

티스토리 관리 > 스킨 편집 > html에서 </body> 위쪽으로 적당한 자리에 붙여넣으면 끝.