[jQuery] AJAX 로딩 이미지 넣기
이번에 사이트 작업을 하면서 처음으로 AJAX 기능을 활용해보고 있다. 주로 리스트나 DB에서 내용을 불러올 때 사용하고 있는데 간혼 네트웍이 느리거나 내용이 많을 때는 바로 페이지가 보여지지 않는다. 이럴 때 아래 그림처럼 로딩 중이라는 이미지를 넣는데 이걸 어떻게 하는지 한번 해보고 싶어서 연구를 해봤다. 방법은 의외로 싶더라는.. 원리는 이렇다. 로딩 전에 로딩 이미지를 보여주고 내용 로딩이 …
Category: 코딩 이야기
[PHP] 폰트를 이용한 텍스트 이미지 생성
위 이미지처럼 회사의 연혁 페이지를 만들다보면 연도를 이미지로 만들어야 하는 경우가 있다. 특정 회사의 연혁만 보여주는 페이지라면 문제가 없겠으나 여러 업체의 연혁을 보여주는 페이지라면 연도 이미지를 미리 만들어야 한다. 근데 그런 것은 왠지 또 싫고 해서 PHP로 연도 이미지를 직접 만들 수 있는 방법을 검색하게 되었다. 의외로 쉬웠다. 아래 코드는 PHP 사이트에 나온 예제 코드이다. …
[jQuery] 평수 자동 계산기
이런 스타일의 평수 자동 계산기를 만들기 위해 jQuery를 활용했다. 일단 작동은 제대로 되는 듯 한데.. 역시 허접!! <table cellpadding=”0″ cellspacing=”0″ border=”0″> <tr> <td height=”97″ class=”calc_bg” valign=”top”> <table cellpadding=”0″ cellspacing=”0″ border=”0″> <tr> <td colspan=”4″ height=”31″></td> </tr> <tr> <td width=”20″ height=”17″></td> …
jQuery를 이용한 자동 슬라이드 갤러리 비슷한 것?
현재 작업 중인 사이트에 들어가는 시공갤러리 부분을 개발하고 있다. 위 이미지처럼 전체 시공갤러리에서 관리자가 지정한 특정 갤러리만 보이는 부분인데 좌우의 버튼을 클릭해서 다른 갤러리를 볼 수 있어야 하고 또 자동으로 다른 갤러리를 볼 수 있어야 한다. 가능하면 플래시로 만든 것 같은 효과까지 주려고 fadeIn, fadeOut을 활용하기로 했다. 보여줄 갤러리 전체를 div 레이어를 이용해 미리 만들어 …
인트라넷 개발 작업
거래처의 인트라넷 개발 1단계 작업을 오늘 마무리 했다. 거래처와 본사의 발주관리와 거래처 및 본사 직원 관리에 초점을 두고 작업을 진행했다. 디자인은 외주 작업을 통해 마무리 했고 HTML 및 PHP 개발은 내가 맡아서 끝냈다. 1단계 작업이 마무리 된 상태로 기능이 아직은 부족하다. 이후 작업을 통해서 인트라넷이란 이름에 걸맞는 모습을 갖춰갈 것이라 생각된다. 1단계 작업의 코딩 및 …