테스트 : 현재 이 게시판은 게시물에 댓글을 작성하거나 추천을 해야 첨부파일을 다운로드 할 수 있도록 적용 중입니다.
2010.12.02 13:21:32
21,604
[참고한 자료]
제로보드xe 위젯 기본 소스인 content 를 기반으로 필요한 구문들을 추가 수정하여 만들었습니다.
jQuery 슬라이더 소스는 http://www.twospy.com/galleriffic/ 의 소스를 편집하였습니다.
[미리보기] :
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/
[주요 기능]
•썸네일 가로, 세로 크기 및 위치 이동 가능
•썸네일 가로, 세로 출력 갯수 조절 기능
•슬라이드 이미지 가로, 세로 크기 및 위치 이동 가능
•제목, 내용 표시, 숨김 가능
•컨트롤 , 페이지 버튼 표시, 숨김 가능
•자동 슬라이드 시작되며, 마우스 오버시 슬라이드 멈춤
•슬라이더 이미지 클릭하면 다음 그림으로 자동으로 넘김
•썸네일과 슬라이더 상하 좌우 위치 변경 가능
[0.7 업데이트]
galleriffic 샘플-5의 스킨(화이트,블랙)을 추가하였습니다.
기타 여러가지 오류와 여백등을 수정하였습니다.
에디터 모드를 통해서 출력되는 위치 정보등을 알 수 있습니다.
(다만, 위치 옵션값에 따라서 다소 차이는 생길 수 있습니다. 적당히 밀고 당기고 해서 사용하시면 될듯 싶네요)
[썸네일 가로, 세로 배열 또는 갯수 조절 하는 방법]
썸네일의 이미지의 행, 열간의 갯수를 자유롭게 조절할 수 있습니다.
옵션에서 네비게이션 가로 크기와 썸네일 이미지 수를 적당히 조절해 주시면 됩니다.
예를 들어, 슬라이드 이미지는 크게하고, 썸네일은 세로로 1열로만 배열하고 싶을때는
네비게이션 가로 크기를 썸네일 가로 넓이만큼으로 줄여주시면 됩니다.
만약 가로 이미즈를 2행으로 배열로 하고 싶을때는 옵션에서 네비게이션 가로 크기는
썸네일 가로 크기의 2배정도로 넓혀 주고, 썸네일 이미지 수를 적당히 변경해 주세요.
물론 필요에 따라서 슬라이드 이미지 총 갯수도 함께 올려주셔야 합니다.
즉, 네비게이션 가로 크기와 썸네일 이미지 수에 따라서 썸네일의 가로 세로의 이미지 갯수를 조절할 수 있습니다.
만약, 슬라이드 이미지와 썸네일의 높낮이가 달라서 조절하고 싶은 경우는
슬라이드 이미지의 세로 위치나 네비게이션 세로 위치등을 조절해 주면됩니다.
위치 값에 - (마이너스) 값도 적용이 됩니다.
썸네일을 숨기고 슬라이드 이미지만 출력하고 싶을때는
고민할 필요없이 위젯 자료실의 Coinslider 를 사용하시면 됩니다. ㅅㅅ
## 참. 중요한것 한가지!
옵션값 변경시 0 값을 입력했을때 적용이 안될때가 있는데, 그럴때는 1 값을 넣고 다시 변경하시면 됩니다.
왜그런 현상이 발생하는지는 저도 잘 모릅니다. XE 개발자님께 물어주세요. ㅅㅅ
혹시 해결방법 아시는 분은 댓글 주세요.
## 어려운 질문은 답변해 드릴 수 없습니다.
소스 보시면 누구나 쉽게 수정할 수 있도록, 추가하거나 수정된것은 주석 넣었습니다.
적당히 자신의 홈피에 맞게 수정해서 사용하세요.
감사합니다.
배포자 배워서남준다
제로보드xe 위젯 기본 소스인 content 를 기반으로 필요한 구문들을 추가 수정하여 만들었습니다.
jQuery 슬라이더 소스는 http://www.twospy.com/galleriffic/ 의 소스를 편집하였습니다.
[미리보기] :
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/
[주요 기능]
•썸네일 가로, 세로 크기 및 위치 이동 가능
•썸네일 가로, 세로 출력 갯수 조절 기능
•슬라이드 이미지 가로, 세로 크기 및 위치 이동 가능
•제목, 내용 표시, 숨김 가능
•컨트롤 , 페이지 버튼 표시, 숨김 가능
•자동 슬라이드 시작되며, 마우스 오버시 슬라이드 멈춤
•슬라이더 이미지 클릭하면 다음 그림으로 자동으로 넘김
•썸네일과 슬라이더 상하 좌우 위치 변경 가능
[0.7 업데이트]
galleriffic 샘플-5의 스킨(화이트,블랙)을 추가하였습니다.
기타 여러가지 오류와 여백등을 수정하였습니다.
에디터 모드를 통해서 출력되는 위치 정보등을 알 수 있습니다.
(다만, 위치 옵션값에 따라서 다소 차이는 생길 수 있습니다. 적당히 밀고 당기고 해서 사용하시면 될듯 싶네요)
[썸네일 가로, 세로 배열 또는 갯수 조절 하는 방법]
썸네일의 이미지의 행, 열간의 갯수를 자유롭게 조절할 수 있습니다.
옵션에서 네비게이션 가로 크기와 썸네일 이미지 수를 적당히 조절해 주시면 됩니다.
예를 들어, 슬라이드 이미지는 크게하고, 썸네일은 세로로 1열로만 배열하고 싶을때는
네비게이션 가로 크기를 썸네일 가로 넓이만큼으로 줄여주시면 됩니다.
만약 가로 이미즈를 2행으로 배열로 하고 싶을때는 옵션에서 네비게이션 가로 크기는
썸네일 가로 크기의 2배정도로 넓혀 주고, 썸네일 이미지 수를 적당히 변경해 주세요.
물론 필요에 따라서 슬라이드 이미지 총 갯수도 함께 올려주셔야 합니다.
즉, 네비게이션 가로 크기와 썸네일 이미지 수에 따라서 썸네일의 가로 세로의 이미지 갯수를 조절할 수 있습니다.
만약, 슬라이드 이미지와 썸네일의 높낮이가 달라서 조절하고 싶은 경우는
슬라이드 이미지의 세로 위치나 네비게이션 세로 위치등을 조절해 주면됩니다.
위치 값에 - (마이너스) 값도 적용이 됩니다.
썸네일을 숨기고 슬라이드 이미지만 출력하고 싶을때는
고민할 필요없이 위젯 자료실의 Coinslider 를 사용하시면 됩니다. ㅅㅅ
## 참. 중요한것 한가지!
옵션값 변경시 0 값을 입력했을때 적용이 안될때가 있는데, 그럴때는 1 값을 넣고 다시 변경하시면 됩니다.
왜그런 현상이 발생하는지는 저도 잘 모릅니다. XE 개발자님께 물어주세요. ㅅㅅ
혹시 해결방법 아시는 분은 댓글 주세요.
## 어려운 질문은 답변해 드릴 수 없습니다.
소스 보시면 누구나 쉽게 수정할 수 있도록, 추가하거나 수정된것은 주석 넣었습니다.
적당히 자신의 홈피에 맞게 수정해서 사용하세요.
감사합니다.
배포자 배워서남준다
현재평점 10 (평가자 수 : 11)
추천 : sozar, 이규언, 반딧불, altoran,
여기에서 행복한 시간 되십시오.
최근 수정일 : 2018-09-14 10:07:40 - tngh58
잘쓰겠습니다.