그누보드 직접 설정 가능한 특수효과 슬라이드

본문 바로가기

그누보드 직접 설정 가능한 특수효과 슬라이드

반응형 특수효과 슬라이드


구매
https://sir.kr/cmall/1543789246 or
010 9898 3011
카톡 hcg6013
연락주세요.

연동 게시판
http://nearbyweb.cafe24.com/bbs/board.php?bo_table=gallery2 
설정 테스트

 설명서

기존 : 게시판1개 = latest 최신글
본 제품 : 게시물 1개  =  슬라이드1개


10가지 슬라이드
다양한 효과(속도, 넘어가는 효과, 크기 등)

추가방법
<?php

include_once(G5_LIB_PATH.'/latest2.lib.php');

echo latest2('all_slide', 'gallery2', 8);  

?>

사용방법 : latest(스킨, 게시판아이디, wr_id);  테마에 스킨을 업로드 했다면 latest(theme/스킨, 게시판아이디, wr_id);

wr_id는 게시판 고유번호입니다. 게시판 번호 아님. (주소창에 wr_id='여기 번호')

예) http://nearbyweb.cafe24.com/bbs/board.php?bo_table=gallery2&wr_id=10
 

테스트 1테스트 1
테스트 2테스트 2
테스트 3테스트 3
테스트 4테스트 4
테스트 5테스트 5
66
77
88

1. 이미지 갤러리

갤러리형 슬라이드 입니다.

-가능한 설정-

1. 슬라이드 효과

2. 슬라이드 속도

3. 슬라이드 가로 사이즈

4. 슬라이드 세로 사이즈

5. 슬라이드 하단 마진

썸네일 이미지는 이미지 비율에 입력해주시면 됩니다. ex)190, 84

나머지값 무시

테스트 1테스트 1
테스트 2테스트 2
테스트 3테스트 3
테스트 4테스트 4
테스트 5테스트 5
66
77
88
99
1010
1111
1212
1313
1414
1515
1616

2. 이미지 갤러리 세로(좌측)

갤러리형 슬라이드 입니다.

-가능한 설정-

1. 슬라이드 효과

2. 슬라이드 속도

3. 슬라이드 가로 사이즈

4. 슬라이드 세로 사이즈

5. 슬라이드 하단 마진

*좌,우 썸네일 영역은 가로사이즈 240px 고정값입니다. 썸네일 이미지 크기도 고정입니다.

썸네일 이미지는 이미지 비율에 입력해주시면 됩니다. ex)190, 84

나머지값 무시

테스트 1테스트 1
테스트 2테스트 2
테스트 3테스트 3
테스트 4테스트 4
테스트 5테스트 5
66
77
88
99
1010
1111
1212
1313
1414
1515
1616

3. 이미지 갤러리 세로(우측)

갤러리형 슬라이드 입니다.

-가능한 설정-

1. 슬라이드 효과

2. 슬라이드 속도

3. 슬라이드 가로 사이즈

4. 슬라이드 세로 사이즈

5. 슬라이드 하단 마진

*좌,우 썸네일 영역은 가로사이즈 240px 고정값입니다. 썸네일 이미지 크기도 고정입니다.

썸네일 이미지는 이미지 비율에 맞게 입력해주시면 됩니다. ex)99, 66

나머지값 무시

4. 노멀 하단 설명

하단에 이미지 설명이 위치.

-가능한 설정-

1. 슬라이드 효과

2. 슬라이드 속도

3. 슬라이드 가로 사이즈

4. 슬라이드 세로 사이즈

5. 슬라이드 텍스트 정렬

6. 슬라이드 하단 마진

나머지값 무시

테스트 1
테스트 2
테스트 3
테스트 4
테스트 5
테스트 6
테스트 7
테스트 8

5. 노멀 하단 도트

하단에 도트가 위치.

-가능한 설정-

1. 슬라이드 효과

2. 슬라이드 속도

3. 슬라이드 가로 사이즈

4. 슬라이드 세로 사이즈

5. 슬라이드 하단 마진

나머지값 무시

6. 좌우영역 하단 도트

좌측과 우측에 전후 이미지가 보이게 설정이 가능합니다.

-가능한 설정-

1. 슬라이드 효과

2. 슬라이드 속도

3. 슬라이드 가로 사이즈(좌우의 전,후 이미지 영역 포함 사이즈)

4. 슬라이드 세로 사이즈

5. 슬라이드 가로-썸네일 사이즈(가운데 이미지 크기)

6. 슬라이드 세로-썸네일 사이즈는 세로 사이즈와 동일해야해서 무시됩니다.

7. 슬라이드 하단 마진

나머지값 무시

테스트 1
테스트 2
테스트 3
테스트 4
테스트 5
테스트 6
테스트 7
테스트 8

7. 노멀 우측 세로 도트

도트가 우측에 위치합니다.

-가능한 설정-

1. 슬라이드 효과

2. 슬라이드 속도

3. 슬라이드 가로 사이즈

4. 슬라이드 세로 사이즈

5. 슬라이드 하단 마진

나머지값 무시

테스트 1
테스트 2
테스트 3
테스트 4
테스트 5
테스트 6
테스트 7
테스트 8

8. 썸네일 자동 슬라이딩

이미지가 자동으로 흘러가는 슬라이드

-가능한 설정-

1. 슬라이드 속도

2. 슬라이드 가로 사이즈

3. 슬라이드 가로-썸네일 세로-썸네일 사이즈

4. 슬라이드 하단 마진

나머지값 무시

테스트 1
테스트 2
테스트 3
테스트 4
테스트 5
테스트 6
테스트 7
테스트 8

9. 썸네일 슬라이드

이미지 여러개가 보이는 슬라이드

한번의 작동에 이미지 하나씩 슬라이딩 됩니다.

소스를 수정하면 한번에 여러개를 슬라이딩 시킬 수 있습니다.

-가능한 설정-

1. 슬라이드 속도

2. 슬라이드 가로 사이즈

3. 슬라이드 가로-썸네일 세로-썸네일 사이즈

4. 슬라이드 하단 마진

나머지값 무시

10. 풀스크린 (풀페이지 확인하러 가기 ->http://nearbyweb.cafe24.com/full.php)

4k화면(4096px * 4096)까지 모든 영역을 꽉 채우는 슬라이드입니다.


큰 이미지를 사용하지 않아도 꽉 채워줍니다. 예제에 사용된 이미지는 960px * 640px입니다.

이미지는 중간을 기준으로 해상도가 작아지면 상하단을 잘라냅니다.

-가능한 설정-

1. 슬라이드 효과

2. 슬라이드 속도

3. 슬라이드 가로 세로 사이즈

나머지값 무시

연락처

NearByWeb

니얼바이웹은 365일 24시간 상담이 가능합니다. 늦은 밤에는 바로 답변을 드릴 수 없지만 확인하면 바로 답변을 드립니다.

Loading
메일이 전달되었습니다. 문의주셔서 감사합니다.!