jQuery를 접한 지 아직 1년도 되지 않은 것 같은데 참 많은 걸 시도해 보고 있다. 지난 주에는 이번에 처음시도하는 백그라운드에 영상을 넣고 그 위에서 각 요소들의 애니메이션 되도록 하는 것을 만들었다. 혼자 애니메이션을 기획 한 것은 아니고 함께 일하는 디자이너의 시나리오를 바탕으로 jQuery와 다양한 jQuery 플러그인을 이용해서 구현을 시도했다. 쉽지 않은 작업일 것이라 생각했고 역시나 …
최근에 jQuery를 이용해서 여러 개의 이미지 배너가 계속해서 롤링되는 소스를 만들어야 했다. 한방향으로만 롤링이 되는 것이 아니라 좌, 우 버튼을 클릭하면 좌 또는 우로 롤링 방향이 바뀌어야 했는데.. 이걸 어떻게 구현 해야할지 막막하기만 했다. 그러다 문득 떠오른 생각이 현재 보이는 배너를 기준으로 다른 이미지 배너의 위치를 다시 정렬하는 것이었다. 예를 들어 왼쪽 버튼을 클릭하면 현재 …
생각해보면 참 미친 짓이었던 것 같다. flash 하나도 안쓰고 다양한 애니메이션을 구현한다고 했을 때 도전이란 생각이 들었기 때문에 이런 사이트를 만들 수 있었는지도 모르겠다. DB 설계부터 PHP, jQuery 까지 거의 모든 부분을 직접 코드를 짜거나 플러그인 이용해서 구현을 했으니 말이다. 쇼핑몰 개발이 혼자 할 수는 있지만 이런 단기간에 끝낼 수 있는 일은 아닌데.. 스스로에게도 놀라고 …
작업 중인 사이트에서 jQuery custom content scroller 를 사용해 레이어팝업에 스크롤바가 생기도록 구현을 했는데 이 기능이 제대로 될 때와 그렇지 않을 때가 있어 살펴보니 컨텐츠에 포함된 이미지가 제대로 완전히 로딩되지 않은 상태에서 스크립트가 작용하고 있는 문제를 발견했다. 이걸 해결하는 방법은 이미지가 모두 로딩이 되면 스크립트가 적용되도록 수정하면 될 것 같아서 jQuery plugin을 찾아보니 딱 맞는 …
이전에 작업했던 것인데 네이버 지도API를 이용해 주소의 좌표 값을 받아오는 코드가 있었다. 이번에도 사용하려고 해보니 file_get_contents() 함수를 사용할 수가 없어 어찌해야할지 머리를 쥐어짰는데 다행히 구글신의 도움으로 해결을 할 수가 있었다. curl 을 이용하는 방법으로 아래 사이트를 참고하면 된다. 참고 사이트 : http://stackoverflow.com/questions/5979314/how-to-use-fsockopen-to-load-a-url-from-an-xml-sitemap 위 내용을 이용해서 아래처럼 코드를 작성했더니 좌표 값을 정상적으로 받아올 수가 있었다. // …