연구주제 (레버러토리)

티스토리 블로그 3D 회전 배너, 광고판 소스의 부활! (Html+자바스크립트 소스 첨부)

Charlie Man 2021. 3. 29. 16:31
반응형

기존 블로그에서 한참 오래전 영문 기타허브등의 사이트를 뒤지며 어렵게 찾아냈던 기능,

아무튼 자바스크립트 만으로 티스토리 블로그에서 사이드바 영역에 구현가능했던 3D 배너였다!

2014~15년도쯤 구현했던 배너 개수가 세로, 가로로 뒤바뀌며 개수조절까지 늘릴수 있었던 투명-반투명 3D 회전 광고판! 6년만에 복원인가?

 

아, 스마트폰 화면에선 하단의 조정메뉴가 제대로 안나온다!

(PC 브라우저에선 잘 작동)

이미지 소스!

원래 본문에 직접이 아니라, 자바스크립트 문서를 스킨등에 넣고 호출하는 식으로, 각각의 배너가 특정 시간을 부여하며, 알아서 자동으로 돌아가는 기능까지 몇박 며칠 고생하며 구현을 했었는데.. 정확한 소스가 사라져..

단순히 소스보기(호출이 아니라 그냥 호출된 스크립트가 도시된 형태)를 참고하여 재현!

기억이 가물가물 이 부분은 구현하지 못했음을 밝힌다.

(하단바에 졸라맨이 뛰어다니는 아이콘의 플래쉬 게임판소스도 누락)

 

아무튼 3D 배너의 모든 부분은 잘 작동하되, 자동으로 넘어가는 함수만 먹히지 않는 형태의 복원임을 밝힌다.

(아마 스크립트가 본문에서 중복될시 잘 먹히지 않으므로, 다른곳에 짱박고 호출을 이용에 끌어오면 해결될수도..?)

 

 

원하는 이들은 해당소스를 다운, 변형하여 응용해볼수 있을 것이다.

소스.txt
0.08MB

소스에서 CTRL+F키로 "무료" 구간을 검색하면, 실제 돌아가는 배너의 부분을 찾을수 있다.

 

현재의 개정된 신에디터상에선? 아이프레임이나 자바스크립트의 긴 태그등이 HTML에서 붙여넣고, 다시 기본모드로 되돌리면?

에디터 기능의 지나친 오지랖인지.. 강제적으로 일부 태그등이 사라지거나 수정되어, 원래 원하던 소스로 반영되지 않는 에러 현상이 있다.  

최종적으로 블로그에서는 HTML 창에서 붙여넣기후, 기본모드로 에디터를 돌리지 말고 HTML 상태 그대로 발행을 해야 제대로 나타남을 밝힌다.

(소스 수정시 블로그에서 직접수정하면 기존 에디터의 일부 태그내용이 html-기본모드 전환간에 갑자기 변경되어 사라질수 있으므로, 귀찮더라도 텍스트 문서파일의 백업상 작업후 복사하기를 통해서 에디터에 붙여 적용을 하도록 하자!) 


소개를 마친다! [2021.3m.29d 오후 16시 31분경, Charlie]



 

 

3D3
모집
반응형