티스토리 신스킨 커버 슬라이드 배너 자동 로테이션 구현하기

티스토리 신스킨 3종 중 Poster 와 Whatever, 또는 스킨 커버 기능 모듈인 슬라이드 배너 기능을 이용하면 수동으로 로테이션되는 슬라이드 배너를 블로그 메인에 붙일 수 있습니다.

사이트의 배너 슬라이드 처럼 자동으로 일정 시간 간격으로 로테이션 되면 좋을텐데 해당 기능은 제공이 되지 않습니다.

기술적으로는 간단한데 초보자들에게는 자바스크립트 기능 구현이 어려울 수 있습니다.

아래 내용대로 따라하면 간단하게 자동 로테이션 슬라이드 배너를 구현할 수 있습니다.

새로 공개된 신스킨 중 2종(Poster, Whatever)은 스킨에 포함된

images/script.js 파일에 슬라이드 배너 자바스크립트 기능이 구현되어 있습니다.

script.js 파일을 텍스트 편집기에서 연 후

if ( itemLength > 1 ){/*여기에 아래 코드를 붙여넣음.*/}

사이에

function autoScroll(){ $( ".next" ).trigger( "click" );}setInterval(autoScroll, 4000);

을 붙여 넣으면 됩니다.

이렇게 하면 4초(4000) 간격으로 오른쪽(".next") 방향으로 로테이션이 됩니다.

- 시간을 조금 늘려 5초 간격으로 하려면 4000 -> 5000 으로 변경(초 * 1000)

- 왼쪽으로 로테이션 하려면 ".next" 를 ".prev"로 변경