반응형
이제 티스토리 블로그를 홈페이지처럼 만들기위한 커버 슬라이드 작업 마지막입니다. 바로 커버 슬라이드 자동으로 넘어가게 설정하는 방법입니다. 슬라이드가 자동으로 넘어가면 정말 홈페이지 같겠죠? . *2분이면 끝나는 간단한 작업이니 꼭 따라해보세요.
※Whatever 스킨로 홈페이지 만들기, 커버 슬라이드 적용/높이 조절/텍스트 상자 숨기기는 하단 링크 참고하세요.
1. 티스토리 커버 슬라이드 자동으로 재생하게 만드는 방법
✔️블로그관리 > 스킨편집 > Html 편집 > Ctrl+F /s_t3 검색 > 엔터한번치고 하단에 코드복사 (하단 스크린샷 참고)
<script> var theInterval; function slideSwitch(){ $(".cover-slider .next").trigger("click"); } function startSlide() { theInterval = setInterval(slideSwitch, 4000); } function stopSlide() { clearInterval(theInterval); } $(function () { startSlide(); $('.cover-slider ul li').hover(function () { stopSlide(); }, function () { startSlide(); }) }); </script>
짜잔! 완성되었습니다. 완성작은 하단 GIF파일 참고하세요!
어때요? 쉽죠? 본 포스팅은 아무쪼록 도움이 되었으면 하네요. 그럼 이만!
■함께보면 좋은 글
728x90
반응형
'블로그 팁' 카테고리의 다른 글
티스토리 whatever 커버 슬라이드 텍스트, 텍스트 박스 숨기기 설정방법 (0) | 2023.04.14 |
---|---|
티스토리 스킨 커버슬라이드 높이 사이즈 줄이는 방법 (0) | 2023.04.14 |
티스토리 모바일(휴대폰) 버전 확대/축소 기능 설정방법 (0) | 2023.04.13 |
티스토리 다음 저품질 해결방법 [블로그 메뉴얼 저품질에 관하여] #2 (15) | 2020.12.18 |