 |
|
|
|
|
 |
 자동 슬라이드 기능이란 |
|
자동 슬라이드 기능이란 아래 그림처럼 갤러리의 사진을 운영 중인 사이트의 어느 페이지에서든 갤러리에 사진을 올리면 자동으로 웹페이지에 실시간으로 보여주는 기능을 말합니다.
아사달에서 제공하는 사진관리 프로그램은 자동(auto) 슬라이드 기능이 있어 이러한 슬라이드를 누구나 쉽게 만들 수 있도록 구성하였습니다.
아사달의 회사소개에 있는 사진모음 페이지도 사진관리의 자동 슬라이드 기능을 활용하여, 사이트 구축에 있어 효율성을 극대화하였습니다.
|
|
|
 |
 |
 |
| 사용방법 |
(1) 자동 슬라이드로 구성해 주고 싶은 부분에 사진관리의 auto 파일을 아래와 같은 문장을 써서 읽어 들이시면 됩니다.
<?
$code = "AS1087969161";
include("$DOCUMENT_ROOT/asapro/photo/auto.htm");
?>
|
주의하실 점은 해당 분류의 코드와 사진관리 프로그램이 설치되어 있는 경로가 정확해야 작동한다는 것입니다. 위의 문장은 아사보드가 루트 디렉토리 밑에 /asapro/photo/ 폴더에 설치되어 있고, 분류 코드명이 AS1087969161인 경우에만 정상적으로 작동합니다.
(2) 경로와 코드명이 다른 경우에는 다음과 같이 하셔야 작동합니다. 만약 분류 코드명이 AS1087969160 이라면, 아래와 같이 하면 됩니다. 그대로 복사해서 빨강색 부분만 수정해서 사용하시면 됩니다.
<?
$code = 'AS1087969160';
include "$DOCUMENT_ROOT/asapro/photo/auto.htm";
?>
|
(3) 해당 분류에 사진이 하나도 없을 경우에는 자동 슬라이드가 정상적으로 삽입되어도 사진이 보이지 않으니 사진을 먼저 올리시기 바랍니다.
(4) 아래의 사항들은 관련 값들에 대한 설명입니다. 아래의 값들은 지정해 주지 않으셔도 기본적인 값들이 있기 때문에 사용이 가능합니다. 그러나 사용하시고자 하는 활용방향이나 색깔 및 테이블크기, 슬라이드 방향 등을 바꾸고자 한다면, 다음의 내용을 사용하여 직접 정의하실 수 있습니다.
아래의 값 중 따옴표 안에 있는 값은 기본값이며 이 값을 변경하셔서 사용하시면 됩니다.
| $WhereIsPhotoDir = "/asapro/photo/"; |
// 사진관리 프로그램이 설치된 경로 |
| $photo_direct = "left"; |
// 슬라이드 방향: leftright(좌우왕복), left(왼쪽), right(오른쪽), updown(상하왕복), up(위), down(아래)
center(한장씩 보임), x(가로로 고정), y(세로로 고정) |
| $photo_slide_time = "3"; |
// 슬라이드 시간: 작을수록 빠름 |
| $photo_view_nums = "10"; |
// 보여줄 사진 수: 1이상, all은 해당분류의 사진 전부 |
| $photo_img_type = "medium"; |
// 사진 종류: small(목록이미지), medium(이미지보기이미지), big(상세정보이미지) |
| $photo_img_size = "100%"; |
// 사진 크기 비율 |
| $photo_tablewidth = "250"; |
// 테이블 넓이 |
| $photo_tableheight = "180"; |
// 테이블 높이 |
| $photo_tablebg = ""; |
// 테이블 배경색 |
| $photo_tableline = "black"; |
// 테이블 라인색 |
| $photo_tablelinewidth = "1"; |
// 테이블 라인 두께 |
| $photo_imgbg = ""; |
// 이미지 배경색 |
| $photo_imgline = "ghostwhite"; |
// 이미지 라인색 |
| $photo_imglinewidth = "1"; |
// 이미지 라인 두께 |
| $photo_textsize = "11"; |
// 글씨 크기 |
| $photo_textcolor = "black"; |
// 글씨 색 |
| $photo_title_cut = "4"; |
// 제목 자름 수치 |
| $photo_img_gap = "10"; |
// 이미지 간격 |
| $photo_link_type = "view"; |
// 링크 종류: small(목록이미지), medium(이미지보기이미지), big(상세정보이미지), zoom(줌이미지), original(원본이미지), view(상세정보보기 화면) |
| $photo_link_target = "2"; |
// 링크 타깃: 1(새창), 2(현재 창) |
|
|
|
|
|
|
|
| 활용방법 |
위에 삽입된 자동 슬라이드처럼 가로로 길게 슬라이드가 되게 하고 싶을 경우 아래와 같이 해 주시면 됩니다.
|
|
<?
$photo_tablewidth = "688"; // 테이블 넓이
$photo_tableheight = "145"; // 테이블 높이
$photo_img_type = "medium"; // 사진 종류
$photo_img_size = "60%"; // 크기 비율 %
$photo_title_cut = 20; // 제목 글자수
$photo_view_nums = 10; // 사진수
$photo_slide_time = 40; // 슬라이드 시간(클수록 느림)
$photo_img_gap = 15; // 이미지 간격
$photo_tablebg = "#F2F2F2"; // 테이블 배경색
$photo_tableline = "#ECECEC"; // 테이블 라인색
$photo_tablelinewidth = 1; // 테이블 라인폭
$photo_imglinewidth = 3; // 이미지 라인폭
$code = 'AS1070604262';
include "$DOCUMENT_ROOT/asapro/photo/auto.htm";
?>
|
|
|
|
