swiper로 만든 폴더 이미지 뷰어 정보
swiper로 만든 폴더 이미지 뷰어관련링크
첨부파일
본문
특정 폴더의 이미지를 갤러리 형태로 볼 수 있습니다.
그누보드 게시판 이미지가 저장되는 폴더의 경우 "thumb-" 으로 시작하는 썸네일 파일은 제외되도록 하였습니다.
카메라로 촬영된 이미지의 경우 촬영정보인 Exif 정보도 함께 표시해줍니다. (on/off 가능)
데모페이지 : http://www.suu.kr/test/image_view.php
그누보드 게시판 스킨 : https://sir.kr/g5_skin/26253
압축을 풀면 총 5개의 파일이 있습니다.
1. _common.php
2. _head.php
3. _tail.php
4. exif_info.php - 촬영정보를 구하는 파일
5. iimage_view.php - 이미지 갤러리
압축을 풀고 아래의 내용대로 파일을 수정해주세요.
_common.php : common.php의 경로.
_,head.php : head.php의 경로.
_tail.php : tail.php 의 경로.
image_view.php 파일을 열어 66번, 67번째줄을 수정해주세요. (아래 내용)
$img_file_url = G5_URL."/test_img"; // 이미지 파일 URL, 마지막에 '/' 제외하세요.
$img_file_path = G5_PATH."/test_img"; // 이미지 파일 패쓰, 마지막에 '/' 제외하세요.
test_img 부분을 특정폴더명으로 변경해 주시면 됩니다.
폴더의 파일을명을 배열로 생성하여 보여주는 방식이기 때문에 사진의 개수에 영향을 받지 않습니다.
폴더내의 파일명을 배열로 생성하기 때문에 php.ini 파일의 "memory_limit"의 할당된 메모리에 영향을
받습니다.
아래의 코드로 메모리 크기를 확인할 수 있습니다.
echo ini_get("memory_limit");
그누보드 게시판에서 파일 업로드시 생성되는 파일명의 길이로 하였을때
약 10만개의 파일을 배열로 생성시 약 54~58메가 정도 필요합니다.
특징은 화면에 보이는 이미지의 앞뒤로 보여질 이미지를 미리 로딩을 하기 때문에 슬라이드시
사진의 끊김 없이 부드럽게 볼 수 있습니다.
색인 기능이 일정 개수 단위로 되어 있으며, image_view.php 파일 11라인 아래의 코드 수정.
$i = $i + 30; // 30을 원하는 숫자로 지정 (단, 10단위로... 50, 60...100, 200, ....)
궁금한 사항은 댓글로 남겨주세요.
10
댓글 6개
집사님 하시느라 행복하시겠어요~~^^
수고하세요