Default 스킨

easyAccordion 스킨

[참고한 자료]

제로보드xe 위젯 기본 소스인 content 를 기반으로 필요한 구문들을 추가 수정하여 만들었습니다.

jQuery 슬라이더 소스는 http://www.twospy.com/galleriffic/ 의 소스를 편집하였습니다.

easyAccordtion 소스는 http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/ 을 편집하였습니다.

[미리보기] : 

galleriffic 샘플-2 - http://www.twospy.com/galleriffic/example-2.html

galleriffic 샘플-5 - http://www.twospy.com/galleriffic/example-5.html

xe 위젯에 적용된 샘플 - http://study4u.hosting.paran.com/

[주요 기능]

• 썸네일 가로, 세로 크기 및 위치 이동 가능
• 썸네일 가로, 세로 출력 갯수 조절 기능
• 슬라이드 이미지 가로, 세로 크기 및 위치 이동 가능
• 제목, 내용 표시, 숨김 가능
• 컨트롤 , 페이지 버튼 표시, 숨김 가능
• 자동 슬라이드 시작되며, 마우스 오버시 슬라이드 멈춤
• 슬라이더 이미지 클릭하면 다음 그림으로 자동으로 넘김
• 썸네일과 슬라이더 상하 좌우 위치 변경 가능
• easyAccordion 스킨을 추가.




[0.8 업데이트]

easyAccordion 스킨을 추가하였습니다.

위젯 코드 생성메뉴의 이미지 갯수를 조절하면 목록 갯수를 조절할 수 있습니다.

컬러셋은 기본과 투명이 있는데, 투명은 IE는 적용안됩니다. PNG 때문에.

에디터 모드를 통해서 출력되는 위치 정보등을 알 수 있습니다.

(다만, 위치 옵션값에 따라서 다소 차이는 생길 수 있습니다. 적당히 밀고 당기고 해서 사용하시면 될듯 싶네요)







[썸네일 가로, 세로 배열 또는 갯수 조절 하는 방법]

썸네일의 이미지의 행, 열간의 갯수를 자유롭게 조절할 수 있습니다.

옵션에서 네비게이션 가로 크기와 썸네일 이미지 수를 적당히 조절해 주시면 됩니다.

예를 들어, 슬라이드 이미지는 크게하고, 썸네일은 세로로 1열로만 배열하고 싶을때는

네비게이션 가로 크기를 썸네일 가로 넓이만큼으로 줄여주시면 됩니다.

만약 가로 이미즈를 2행으로 배열로 하고 싶을때는 옵션에서 네비게이션 가로 크기는

썸네일 가로 크기의 2배정도로 넓혀 주고, 썸네일 이미지 수를 적당히 변경해 주세요.

물론 필요에 따라서 슬라이드 이미지 총 갯수도 함께 올려주셔야 합니다.




즉, 네비게이션 가로 크기와 썸네일 이미지 수에 따라서 썸네일의 가로 세로의 이미지 갯수를 조절할 수 있습니다.




만약, 슬라이드 이미지와 썸네일의 높낮이가 달라서 조절하고 싶은 경우는

슬라이드 이미지의 세로 위치나 네비게이션 세로 위치등을 조절해 주면됩니다. 

위치 값에 - (마이너스) 값도 적용이 됩니다.







## 참. 중요한것 한가지!

옵션값 변경시 0 값을 입력했을때 적용이 안될때가 있는데, 그럴때는 1 값을 넣고 다시 변경하시면 됩니다.

왜그런 현상이 발생하는지는 저도 잘 모릅니다. XE 개발자님께 물어주세요. ㅅㅅ

혹시 해결방법 아시는 분은 댓글 주세요.




## The result is not a valid XML 에러가 있다고 하여서 모든 파일을 UTF-8 으로 변환하였습니다.




이전엔 익스플로러의 광팬이었지만, 지금은 익스 거의 사용안합니다. 뱅킹과 특정사이트를 제외하고

거의 대부분 크롬을 사용하고 있습니다.

내가 왜 익스와 같이 무겁고 느린 고물차를 뭐가 그리 좋다고 몰고 다녔을까... ㅡ.,ㅡ

아직까지 익스 고집하시는 분들, 이젠 바꾸세요!!




## 어려운 질문은 답변해 드릴 수 없습니다.

소스 보시면 누구나 쉽게 수정할 수 있도록, 추가하거나 수정된것은 주석 넣었습니다.

적당히 자신의 홈피에 맞게 수정해서 사용하세요.




감사합니다.