오늘 작업 중 직속 상사가 어떤 자바스크립트를 이용하는지 잠시 좀 알아봐 달라며 한 사이트의 URL을 알려줬다. 뭔가하고 봤더니 어찌 보면 흔해 빠진 박스 안에서 텍스트나 그림 등이 자동으로 흐르는 스크립트...
요청은 해당 스크립트를 정리해 간단하게 여기저기 써먹을 수 있도록 샘플로 만들어 달라는 것이었는데 일단 소스를 까봤더니 이건 대충 짠 스크립트가 아닌 Soft Complex란 회사에서 만든 Tigra Scroller란 일종의 위젯이었다.
일단 PRO 버전이 아닌 한은 무료고 설치도 쉬운데다가 지원되는 브로우져도 많은 편이라 그럭저럭 쓸만한 듯하다. 간단히 테스트해본 바로는 IE는 물론이고 파이어 폭스와 구글 크롬에서도 별 문제 없이 돌아갔고 말이다.
(데모 #1, 데모 #2)
설치는 샘플을 받은 다음 설치할 웹 사이트 루트 디렉토리 밑에 ts_files 디렉토리를 통째로 복사해 넣고 스크롤 박스가 들어갈 페이지의 <head>...</head>사이에 <script language="javascript" src="ts_files/scroll.js"></script>를 추가한 다음 스크롤 박스를 넣을 위치에서 <script language="JavaScript">Tscroll_init (파라미터 번호)</script>와 같이 Tscroll_init 함수를 호출하기만 하면 된다. Tscroll_init에 파라미터로 들어가는 번호만 바꾸면 한 페이지에 박스 여러개를 넣는 것도 가능. 뭐, 말로는 뭔가 복잡한 것 같지만, 실제 해보면 간단하다.
주의할 점은 스크롤 박스에 나올 콘텐츠를 scroll.tpl파라미터 번호.js에 제대로 넣어야 한다는 것으로 Tscroll_init(0)을 호출하면 scroll.tpl0.js의 내용이 나오고 Tscroll_init(1)을 호출하면 scroll.tpl1.js의 내용이 나오는 식이란 걸 기억하면 된다. 단, js 파일은 예제와 설명을 보고 형식에 맞게 잘 편집하도록 주의. 또한, scroll.tpl파라미터 번호.js 파일 통해 각 스크롤 박스의 크기나 스크롤 속도, 방향 등도 셋팅이 가능하다.
Soft Complex 사이트엔 이것 이외에도 달력이나 메뉴 등 쓸만한 자바 스크립트 위젯이 좀 있으니 한번 들여다보는 것도 좋을 것 같다.
요청은 해당 스크립트를 정리해 간단하게 여기저기 써먹을 수 있도록 샘플로 만들어 달라는 것이었는데 일단 소스를 까봤더니 이건 대충 짠 스크립트가 아닌 Soft Complex란 회사에서 만든 Tigra Scroller란 일종의 위젯이었다.
일단 PRO 버전이 아닌 한은 무료고 설치도 쉬운데다가 지원되는 브로우져도 많은 편이라 그럭저럭 쓸만한 듯하다. 간단히 테스트해본 바로는 IE는 물론이고 파이어 폭스와 구글 크롬에서도 별 문제 없이 돌아갔고 말이다.
(데모 #1, 데모 #2)
설치는 샘플을 받은 다음 설치할 웹 사이트 루트 디렉토리 밑에 ts_files 디렉토리를 통째로 복사해 넣고 스크롤 박스가 들어갈 페이지의 <head>...</head>사이에 <script language="javascript" src="ts_files/scroll.js"></script>를 추가한 다음 스크롤 박스를 넣을 위치에서 <script language="JavaScript">Tscroll_init (파라미터 번호)</script>와 같이 Tscroll_init 함수를 호출하기만 하면 된다. Tscroll_init에 파라미터로 들어가는 번호만 바꾸면 한 페이지에 박스 여러개를 넣는 것도 가능. 뭐, 말로는 뭔가 복잡한 것 같지만, 실제 해보면 간단하다.
주의할 점은 스크롤 박스에 나올 콘텐츠를 scroll.tpl파라미터 번호.js에 제대로 넣어야 한다는 것으로 Tscroll_init(0)을 호출하면 scroll.tpl0.js의 내용이 나오고 Tscroll_init(1)을 호출하면 scroll.tpl1.js의 내용이 나오는 식이란 걸 기억하면 된다. 단, js 파일은 예제와 설명을 보고 형식에 맞게 잘 편집하도록 주의. 또한, scroll.tpl파라미터 번호.js 파일 통해 각 스크롤 박스의 크기나 스크롤 속도, 방향 등도 셋팅이 가능하다.
Soft Complex 사이트엔 이것 이외에도 달력이나 메뉴 등 쓸만한 자바 스크립트 위젯이 좀 있으니 한번 들여다보는 것도 좋을 것 같다.
당신의 의견을 작성해 주세요.