루미집사

swiper로 만든 폴더 이미지 뷰어

· 2019-01-06 (일) 11:02:31 · 10311 · 6
forder_img.jpg

특정 폴더의 이미지를 갤러리 형태로 볼 수 있습니다.

그누보드 게시판 이미지가 저장되는 폴더의 경우 "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, ....)

 

궁금한 사항은 댓글로 남겨주세요.

 

 

 

 

 

 

첨부파일

forder_img.jpg (818.9 KB)
6회 2019-01-06 11:02
test.zip (5.9 KB) 61회 2019-01-06 11:02
|

댓글 6개

감사합니다. 잘쓰겠습니다.
2019-01-07 (월) 14:01:08
감사합니다.
2019-01-08 (화) 10:35:09
감사합니다
좋은자료 고맙습니다.
집사님 하시느라 행복하시겠어요~~^^
2019-02-09 (토) 21:39:00
감사합니다
수고하세요
정말로 좋아요.
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
19-02-07 조회 8,371
19-02-06 조회 7,890
19-02-02 조회 6,229
19-02-01 조회 5,975
19-01-31 조회 5,420
19-01-28 조회 1만
19-01-28 조회 6,459
19-01-27 조회 7,118
19-01-24 조회 6,615
19-01-22 조회 8,209
19-01-22 조회 7,406
19-01-21 조회 6,243
19-01-20 조회 7,718
19-01-18 조회 6,061
19-01-15 조회 1.1만
19-01-15 조회 1.4만
19-01-14 조회 9,682
19-01-14 조회 6,257
19-01-13 조회 7,531
19-01-10 조회 8,963
19-01-10 조회 7,311
19-01-08 조회 6,534
19-01-06 조회 7,013
19-01-06 조회 1만
18-12-31 조회 9,688
18-12-31 조회 7,851
18-12-28 조회 6,957
18-12-28 조회 1만
18-12-26 조회 8,561
18-12-26 조회 5,767