메뉴 건너뛰기

게시판스킨

phiz 2014.10.05 15:30
조회 수 : 1158

phiz slide galleryF는 게시판(board)스킨으로 게시판(board)모듈이 설치되어 있어야 하며 skins 디렉토리 아래에 업로드합니다.(modules/board/skins/phiz_F_gallery)


이미지 갤러리를 썸네일 네비게이션을 포함한 슬라이드로 보여줍니다.

  • 반응형 웹디자인이며 고정폭레이아웃에서도 잘어울립니다.
  • 터치기능이 지원되는 기기에서 터치스와이프 기능이 지원됩니다.


스킨은 크게 3영역으로 나눌 수 있습니다.

img02.png



게시판 관리의 스킨 설정에서 다음과 같은 사항을 설정할 수 있습니다.

  • 제목 글자수 및 제목표시 여부
  • 슬라이드 이미지 생성 방법: crop, ratio
  • 슬라이드 이미지 크기 : 슬라이드 폭 크기에 알맞게 생성하세요. 이미지 크기는 화면 크기에 따라 자동 조절됩니다.
  • 슬라이드 폭 : 레이아웃 넓이 기준 %나 픽셀단위로 설정할 수 있습니다. 반응형 구조이므로 기기에 맞게 자동 조절됩니다.
  • 슬라이드 방향: 슬라이드 애니메이션을 "slide"로 하였을 경우 이미지가 움직이는 방향을 좌에서 우로 또는 우에서 좌로 설정할 수 있습니다.
  • 슬라이드 루프 : 슬라이드가 끝났을 때 슬라이드를 종료할 것인지 계속 반복해서 보여 줄것인지 설정합니다.
  • 슬라이드 애미메이션 : "fade"와 "slide"2가지를 지원합니다.
  • 슬라이드 높이 자동조절 : 이미지들의 높이가 상이할 경우 슬라이드의 높이를 이미지의 높이에 맟추어 자동으로 변화시킬 수 있습니다.
  • 슬라이드 자동실행 : 슬라이드의 자동실행여부를 선택
  • play/pause 표시 : 슬라이드하단에 play/pause표시의 출력 여부를 선택할 수 있습니다. 
  • 슬라이드시간 : 현재이미지에서 다음이미지로 이동할때까지의 시간으로 "밀리초(1초 = 1000}"로 설정합니다.기본설정은 7초(7000)입니다.
  • 애니메이션시간 : 이미지가 fade 또는 slide되는 시간입니다. 밀리초로 설정기본설정은 0.65초(650)입니다.
  • 네비게이션 썸네일 생성방법, 크기 설정
  • 네비게이션폭의 크기에 따라 썸네일 개수는 자동으로 조절됩니다.(최소 개수는2개입니다.)

img03.png