[티스토리 블로그] whatever스킨 커버 슬라이드 자동 넘김 설정하기

안녕하세요! 토미타미입니다

오래간만에 티스토리 블로그 whatever스킨 관련 포스팅을 하려고 합니다ㅎㅎ

이번 포스팅에서는 커버 슬라이더 자동 넘기는 걸 HTML로 설정하는 방법을 알려드리겠습니다

사실 별로 어려운 작업이 아니라서 알려드리는 위치에 코드만 넣으면 끝나는 작업이에요!

사실 왓에버 스킨이 북클럽이나 다른 기본 스킨보다

비교적 인기가 없는 스킨이라 많은 분들이 찾으실지는 잘 모르겠네요!

그래도 이 부분에 대해서 정보를 필요로 하시는 분이 있을지 모르니까

도움이 됐으면 해서 포스팅을 일단 작성해보겠습니다

---

 

 

 

왓에버 스킨 커버 슬라이더 자동 넘김

 

왓에버스킨 커버 슬라이더 자동 넘김

첫 번째 사진은 html 코드로 설정했을 때 자동으로 넘어가는 모습을 GIF로 따온 거입니다. 왓에버 스킨 써보신 분은 다들 아시겠지만 블로그 최상단에 있는 슬라이더를 넘기려면 GIF와는 다르게 화살표 부분을 수동으로 눌러줘야 하죠! 저는 쇼핑몰 같은 곳에서 저런 슬라이더가 매번 자동으로 넘어가는 걸 봐서 그런지 가만히 있는 걸 보니 이상하게 넘겨주고 싶은 욕망이.. 생겼다고 할까요 ㅋㅋ 그래서 찾아보니까 html로 설정하면 일정 시간 간격에 맞춰 넘어가게 할 수 있겠더라고요! 그럼 빠르게 알아볼까요?

 

 

 

함께 보면 좋은 포스팅: 애드센스 광고 쉽게 넣는 방법│글 수정하면 애드센스 광고 잘리는 현상 해결하기

 

왓에버스킨 커버 슬라이더 자동 넘김

우선, 블로그 관리-스킨 편집-html 편집 순으로 들어가 주세요. 여기까지 하면 90프로는 끝난 건데. 정확한 자리에 코드를 넣어주는 게 중요해서 잘 보고 따라 해 주세요. html 코드는 아래 텍스트 파일로 첨부해놨습니다! 다운로드하여서 복사 붙여 넣기만 해 주시면 될 거예요. 해당 코드는 html에서 제일 하단에 넣어주셔야 하는데. </s_t3>와 </body> 사이 아무 곳에 붙여 넣어주시고 새로고침 해보시면 슬라이더가 자동으로 넘어가는 거 확인하실 수 있을 거예요. 혹시 바뀌지 않으면 알려드린 위치에 코드를 넣은 게 맞는지 확인 한번 해보세요.

 

<!-- 슬라이드 자동넘김--> 
    <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>

 

 

 

↓↓↓HTML 코드↓↓↓

whatever스킨 슬라이더 자동넘김 HTML코드.txt

0.00MB

 

여기까지 whatever스킨 커버 슬라이더 자동 넘김 설정하는 방법 알아봤습니다

도움이 되셨다면 하트와 구독

그럼 20000