티스토리에 블로그에 jQuery를 이용한 롤링배너 설치
지난 주부터 블로그에 기존 애드센스 광고를 하나를 빼고 내가 몸담고 있는 회사의 배너 광고를 운영 중이다. 이런 거 해야 하나 싶어서 회사 광고 배너는 설치를 안했는데.. 명목상 대표니까 뭐 그런 거 따질 때가 아니다. ^^; 배너의 롤링 기능을 구현한 것이 전부인데 코드도 정말 심플하게 작성을 했다. 너무 화려하면 좋지 않는 영향을 미칠 수도 있지 않을까 …
Tag: jQuery
sitool 의자 홍보 사이트 작업
요즘 jQuery 애니메이션을 많이 작업하게 되는 것 같다. 모바일기기.. 특히 애플 기기에서는 플래시는 볼 수가 없으니 jQuery를 이용해서 애니메이션을 구현할 수 밖에 없다. 사무실에서 그게 가능한 건 나 밖에 없으니.. 나만 죽어나는 듯한 느낌? ㅋ 그래도 덕분에 실력은 정말 빠르게 늘어나고 있는 것 같다. 정말이다. ㅎㅎ 지난 새벽까지 작업을 해서 완성한 사이트 sitool 홍보 사이트은 …
[jQuery] 백그라운드 영상과 애니메이션 구현하기
jQuery를 접한 지 아직 1년도 되지 않은 것 같은데 참 많은 걸 시도해 보고 있다. 지난 주에는 이번에 처음시도하는 백그라운드에 영상을 넣고 그 위에서 각 요소들의 애니메이션 되도록 하는 것을 만들었다. 혼자 애니메이션을 기획 한 것은 아니고 함께 일하는 디자이너의 시나리오를 바탕으로 jQuery와 다양한 jQuery 플러그인을 이용해서 구현을 시도했다. 쉽지 않은 작업일 것이라 생각했고 역시나 …
[jQuery] 배너 롤링 구현 코드
최근에 jQuery를 이용해서 여러 개의 이미지 배너가 계속해서 롤링되는 소스를 만들어야 했다. 한방향으로만 롤링이 되는 것이 아니라 좌, 우 버튼을 클릭하면 좌 또는 우로 롤링 방향이 바뀌어야 했는데.. 이걸 어떻게 구현 해야할지 막막하기만 했다. 그러다 문득 떠오른 생각이 현재 보이는 배너를 기준으로 다른 이미지 배너의 위치를 다시 정렬하는 것이었다. 예를 들어 왼쪽 버튼을 클릭하면 현재 …
jQuery Plugin imagesLoaded
작업 중인 사이트에서 jQuery custom content scroller 를 사용해 레이어팝업에 스크롤바가 생기도록 구현을 했는데 이 기능이 제대로 될 때와 그렇지 않을 때가 있어 살펴보니 컨텐츠에 포함된 이미지가 제대로 완전히 로딩되지 않은 상태에서 스크립트가 작용하고 있는 문제를 발견했다. 이걸 해결하는 방법은 이미지가 모두 로딩이 되면 스크립트가 적용되도록 수정하면 될 것 같아서 jQuery plugin을 찾아보니 딱 맞는 …