티스토리 페이지에 따른 대문 변경 스크립트

http://blog.mrzzang.com/78 에서 티스토리 블로그 상단에 이미지 슬라이더 를 넣는 방법을 

올린적이 있는데

대문 소스를 넣고 나면 메인페이지 에서도 글을 보는 페이지 에서도 방명록 .... 모든 페이지 상단에서

이미지 슬라이더가 나와서 불편할 때가 있다.

그래서 열심히 구글링 하여 찾은 방법에 대해서 적어본다.

미스터짱과 같은 초보들에게는 유욯한 정보가 될것같다.

아래에 에 보이는 소스는 메인슬라이더를 대체하는 부분이라 생각하면 된다.

완전히 나타내지 않는 방법도 있겠지만 허전한것 같아 대체 이미지를 넣었다.

연두색 체크 부분이 원하는 이미지 경로이다.

<div id="sub">
    <img src="./images/garo.jpg" width="100%"/>
</div>    

아래 소스부분이 핵심이다.

메인페이지의 경우 sub 을 안보이게 하고 main 을 보이게 하고

아닐경우 반대로 스타일을 바꿔주는 스크립트 이다.

언제나 마찬가지로 자세한 설명을 할수없지만 미스터짱과 같은 초보들에게는 좋은 정보가 되기를 바란다^^

 

  
    <!-- index 페이지와 다른페이지 대문 다르게-->
<script>
        if(window.location.pathname == "/" {
            document.getElementById('main').style.display="";
            document.getElementById('sub').style.display="none";
        }else{
            document.getElementById('main').style.display="none";
            document.getElementById('sub').style.display="";
        }
</script>
<!-- index 페이지와 다른페이지 대문 다르게-->