웹툰 갤러리 게시판

· 2022-02-02 (수) 20:07:42 · 7496 · 61
webtoon.jpg

 

2022년 2월 3일 몇가지를 수정하여 재업합니다.

압축파일을 하나로 올렸습니다.

빨간 글씨가 수정된 사항입니다.

 

----------

 

이 웹툰게시판은 게시판에서 이미지를 업로드하지 않습니다.

게시판에서는 여분필드만을 사용합니다.

 

----------

 

1. 첨부파일의 압축을 풀고 먼저 webtoon_upload 폴더부터 정돈합니다.

내 컴에서 압축파일과 똑같이 파일들을 배치합니다.

 

31846119_1643798389.4923.jpg

 

1) webtoon.php 는 건드리지 않습니다.

2) 각 폴더는 1부터 자연수를 증가해가면서 폴더를 만들어 주세요.

3) 이 폴더 이름이 웹툰에서 그대로 1화, 2화, 3화,...... 를 구성합니다.

4) 각 폴더 안에는 이미지가 들어 있습니다. 이것도 1번 이미지부터 원하는 이미지까지 넣어주세요.

5) 모든 이미지의 확장자는 jpg 이거나 gif 이거나 png 이거나 똑같아야 합니다.

6) 파일 확장자는 JPG 나 Png 같이 대문자가 있어서는 안 되고 오직 소문자로만 구성합니다. 

7) 폴더 숫자나 이미지 숫자는 몇개라도 상관 없습니다.

 

----------

 

2. 내 컴에서 폴더 작업이 끝났으면 폴더 자체를 서버에서 FTP 등으로 업로드 합니다.

폴더의 이름은 아무 것이나 상관이 없지만 폴더의 구조는 앞의 설명과 똑같아야 합니다.

그리고 webtoon.php 의 주소를 추출합니다.

예제는 http://g5.login365.net/webtoon/dawn/webtoon.php

이 주소의 파일에는 자바스크립트의 배열이 담겨집니다.

0번은 폴더 총갯수, 1번은 1번폴더 이미지갯수, 2번은 2번폴더 이미지갯수,...... 이런 식입니다.

이걸 js 파일로 게시판의 여분필드로 불러서 폴더체계를 이용하여 웹툰을 만드는 것입니다.

 

----------

 

3. 이제 게시판 스킨은 webtoon_skin 폴더를 열어서 스킨 디렉토리로 업로드 합니다.

1) 1번 여분필드에는 아까 자바스크립트 배열이 담긴 webtoon.php 의 경로를 입력합니다.

2) 경로를 입력할 앞뒤에 공백이 있으면 안 됩니다.

3) http(s) 로 시작하는 절대주소도 좋고

/ 으로 시작하는 루트주소도 좋고

../ 으로 시작하는 상대주소도 좋습니다.

4) 2번 여분필드에는 이미지의 확장자명을 선택해 줍니다.

5) 3번 여분필드에는 설명글을 쓰나 안 쓰나에 체크합니다.

6) 설명글은 본문입니다. 설명글을 사용하지 않을 때는 본문에 아무글자나 적고 설명없음을 선택합니다.

 

31846119_1643799152.7368.jpg

 

----------

 

4. 웹툰을 업뎃할 때는 게시글을 수정하는 것이 아니라 이미지를 업로드한 곳에 새로운 폴더를 추가하여 업뎃합니다. 새로운 폴더가 올라가면 게시글은 알아서 바뀝니다. 수정 또한 똑같습니다.

 

----------

 

5. 게시글의 input 는 폴더 이외의 숫자가 들어가면 알아서 필터링합니다.

 

----------

 

6. 게시글의 첨부파일은 오직 썸네일을 위하여 존재하는 것입니다.

 

----------

 

7. 차후 보완점

1) 새로운 폴더를 업뎃해도 게시글 자체가 업뎃되는 것이 아니라 내용물만 추가될 뿐이므로...

폴더가 업뎃된 후 업뎃된 게시글을 최신글로 끌어올려 점핑시키는 로직이 필요합니다.

개인적으로는 게시글에서 wr_num 이나 wr_datetime 를 바꾸는 코드를 더 붙일 생각입니다.

2) 모바일의 하단 리스트가 너무 길 경우 스크롤 기능을 넣을까 생각 중에 있습니다.

 

----------

 

8. http://g5.login365.net/webtoon/dawn/webtoon.php 이 주소를 실험적으로 사용해도

제 사이트에만 이미지가 보이게끔 했기 때문에 본인의 파일로 실험해 보시길요.

 

----------

 

9. 웹툰 하단에 전후진 버튼과 TOP 버튼을 새로 넣었습니다.

pc 의 경우 개별페이지로 갈 수 있는 플로팅 버튼을 좌하단에 넣었습니다.

모바일의 경우 플로팅 버튼을 넣으려다 화면을 너무 많이 차지하여 생략하였습니다.

 

-----------

 

10. 그누 순정 5.4 기준이며 빌더나 테마는 배려하지 않았습니다.

여기서 원래의 기능이 이상하다면 모를까 더 기능을 붙이고 싶다거나 바꾸고 싶을 때는 본인들이 직접 만져 주세요. 그런 질문은 사양하겠습니다.^^

 

----------

 

11. 이 기능을 기본으로 다른 것을 첨가하여 제 허락 없이 유료화시키거나 제 사이트와 냑 이외에서 배포하는 것은 자제해 주시길요. 

도움 되셨으면 추천과 댓글 부탁드립니다.

버전 정보

테스트한 버전 5.4.22
호환 가능 버전 5.4

첨부파일

webtoon.jpg (103.9 KB)
0회 2022-02-02 20:07
webtoon.zip (9.7 MB) 206회 2022-02-03 17:52
|

댓글 61개

새해 복 많이 받으세요~
쓰임새가 많은 스킨 고맙습니다.
잘 응용 해보겠습니다.
2022-02-02 (수) 22:19:09
코드짜는 것보다 예제 만든다고 이미지 긁어 모으는 게 더 시간이 많이 걸리네요.
새해 복 많이 받으세요.
조금 더 쉽게 하려면 게시판에서 이미지 업로드를 해야 하는데 웹툰 이미지만 따로 모으는 폴더에 멀티업로드까지 넣어야 가닥이 나와서...
성가셔서 우회했습니다.ㅋ
폴더를 읽어오는 방식도 유용합니다.

몆년째 루미집사님의 폴더갤러리(https://sir.kr/g5_skin/26253)를 업무 사진게시판으로 유용하게 사용중인데, 파일이 많아지면 좀 느려져서 일별로 끊어보면 어떨까 하여 연구중입니다.
비타주리님 스킨으로 가능할까 하여 잠깐 로컬에서 테스트해보니 목적한 결과를 얻으려면 머리를 싸매야 할 듯 싶습니다.
2022-02-03 (목) 00:01:44
원래 이 방식은 아주 아주 오래전부터 제가 쓰던 방식이에요.
액션 스크립트로 오디오 플레이어를 만들때 폴더별로 mp3 를 넣고 불러왔었거든요.
대신 webtoon.php 는 이런 배열형태가 아니라 rss 같은 xml 로 뿌렸습니다.
그래야 xml 플레이어가 되니까요.
원하시는 기능이 무엇인지는 모르겠지만 패턴만 적응되면 그리 어렵지는 않을 거라고 봅니다.
일별로 폴더를 만드는 것도 괜찮아요.
반복되는 동일한 형태만 추려내어 배열에만 담아버리면 그 뒤로는 아주 단순해지거든요.

그리고 두번째 첨부압축파일 스킨 디렉토리에 또다른 webtoon_pc.php 가 있는데 여기에는 배열을 받아 컨텐츠를 만드는 자바스크립트 코드가 있으니 참고해 보세요.
2022-02-03 (목) 17:53:32
스킨 새로 업뎃하였으니 새로 다운로드 해 가세요.^^
설 선물 고맙습니다.^^
좋은 스킨 또 나왔네요. 기대 하겠습니다.

의견 드립니다.)
모바일이든, 데스크탑이든 웹툰 보면..밑으로 쭈욱 내릴테고.
끝까지 다 본 후 다시 위로 올라가서 다음 화를 눌러야 하니 불편할 수 있는듯 합니다.

만화 끝에...(하단부분) 좌/우 다음화 등 메뉴를 넣으면 편하게 다음화를 볼 수 있을 듯 합니다.

아니면..급 생각 또나네요.
우측에 보면 보통 TOP 버튼을 플로팅으로 만드는데요.
그것을 화면 하단에 플로팅으로 만들어서
<= TOP =>
이런식으로 만들어서.
전편 / 위로 / 다음편 의 의미로 화면 제일 하단에 플로팅으로 만들면 어떨까요?

의견은 의견일 뿐입니다. 참고만 해주세요. ^^
2022-02-02 (수) 23:20:54
감사합니다.
크게 어려운 건 아닌데...
그누게시판 우하단에는 pc나 모바일이나 상단으로 올라가는 버튼이 항상 있지 않나요?
그것 때문에 굳이 상단으로 올라가는 버튼은 안 만들었거든요.
다음버전에는 붙일게요. 천사님 어드바이스인데.^^
설명이 좀 부족했나버네요.
상단버튼을 만들자는게 아니라...
밑으로 내려왔을때 회차 변경 할수 있게...
1. 하단에 메뉴 넣기
2. 하단 중앙에 플로팅 메뉴 넣자
입니다
2022-02-03 (목) 00:08:41
아 예 내일 바로 만들어서 붙일게요.
시간 별로 안 걸립니다.
2022-02-03 (목) 17:54:02
스킨 새로 업뎃하였으니 새로 다운로드 해 가세요.^^
천사님이 말씀하신 기능을 넣었습니다.
멋지네요 ^^
반영해주셔서 감사 합니다.
좋네요.^^ 감사합니다.
2022-02-03 (목) 17:54:26
스킨 새로 업뎃하였으니 새로 다운로드 해 가세요.^^
늘 감사해요 트리플님
좋아요. 감사합니다.
[http://sir.kr/data/editor/2202/dfd5176977526fc210bcf746b2564e51_1643873481_4265.png]
목록을 완전 새로운 이름들로 구성을 하고 싶어요.
2022-02-03 (목) 17:55:43
스킨 새로 업뎃하였으니 새로 다운로드 해 가세요.^^
늘 감사합니다.
목록을 어떤 식으로 구성하고 싶으신 것이죠?
pc의 경우는 이 형태에서 글자가 길면 잘릴텐데요...
답변 감사합니다.
제목으로 넣고 싶습니다.
2022-02-03 (목) 22:14:40
스킨에 보면 pc 는 webtoon_pc.php 가 있고 모바일에는 webtoon_mobile.php 가 있습니다.
모바일 기준 57 라인을 보면...

[code]
<script>for (webtoon_total = webtoonList[0]; webtoon_total >= 1; webtoon_total--) document.write("<tr><td id=webtoon_" + webtoon_total + " class=webtoonButton>제 " + webtoon_total + " 화</td></tr>");</script>
[/code]
를 여분필드를 하나 만들고 예를 들어 wr_5...
wr_5 에 원하는 문장을 넣은 후 아래처럼 수정합니다.
[code]
<script>for (webtoon_total = webtoonList[0]; webtoon_total >= 1; webtoon_total--) document.write("<tr><td id=webtoon_" + webtoon_total + " class=webtoonButton><?php echo $view['wr_5']; ?> " + webtoon_total + " 화</td></tr>");</script>
[/code]
[http://sir.kr/data/editor/2202/3cb48522be65e7d44aa153fda765b37b_1643942361_0121.png]

대단히 감사합니다. 복 많이많이 받으세요.
2022-02-04 (금) 12:07:07
오호 이건 여분필드를 explode 해서 [$i + 1] 로 뿌린 것 같은데요?
멋지게 응용하셨습니다.
2022-02-03 (목) 11:38:04
멋진 스킨 감사합니다.
2022-02-03 (목) 17:55:57
스킨 새로 업뎃하였으니 새로 다운로드 해 가세요.^^
늘 감사합니다.
이 웹툰은 저랑 친분이 있는 강촌 작가님에게 허락을 맡고 가져온 거에요.
안 그러면 저작권에 걸려서요.ㅜㅠ
2022-02-04 (금) 13:59:11
위에 들레아빠님... 멋지게 꾸민 스샷있네요. .
실력도 그렇고,ㅎㅎㅎ 해서
걍 갠 서버에 계정하나 더 추가 해서 적용시켜 봤습니다,
오늘 오전에 백신3차 맞는다고,, 오늘부터 삼일 쉬게 되어서,,
사진 정리 해 볼까 하는데 넘 많아서,,,.영상도 그렇고,,
영상편집은 시간이 넘 많이 걸려서 엄두도 안 나고,,ㅎㅎ
이래저래. ,,,,,,멍 때리다 하루 휘리릭 가버릴듯 합니다
유용한 스킨 올려주셔서, 생각이 많아졌어요.. ><
http://img.eoeo.kr:8080/gnuboard/bbs/board.php?bo_table=gallery&wr_id=3
흐르는 곡 ,편집할땐 알았었는데.. 태국 소수민족 언어로 부른 찬양곡입니다

위에 사진과 영상은
중국유학생이 중국이 아닌 태국 단기선교를 다녀온 사진과 ,영상입니다
2022-02-04 (금) 16:58:46
포인트가 모자라서 안 보여요ㅜㅠ
2022-02-04 (금) 18:02:41
다시 설정을 했습니다 ㅡㅡ;;;
2022-02-04 (금) 19:12:07
보기 좋습니다. 좋은 일 하고 계시네요.
오 감사합니다
2022-02-03 (목) 23:22:26
감사합니다.
유용하게 사용하세요^^
2022-02-04 (금) 08:36:25
좋은 스킨이네요 그런데
웹소설 연재 방식은 어떻게 해야하나요?
2022-02-04 (금) 08:46:22
이 스킨으로는 불가능합니다.
흔적 주셔서 감사드립니다.
아주 좋아요. 감사합니다.
2022-02-05 (토) 01:30:38
작은별님 사이트나 홈짱같은 사이트를 만들고 싶긴 한데...
오히려 제가 더 부럽습니다.^^
감사합니다...

갑자기 웹툰을 그려보고 싶은 느낌이...^ㅡ^;;;
어쨋든 감사해요~~~!!!
2022-02-06 (일) 23:12:03
모아비즈님 멋진 웹툰 올려주세요
잘은 못 그리지만...예전(?)에 몇개 그린적은...^ㅠ^;;;

다시한번 도전해봐야겠네요...^ㅡ^*

감사합니다...^.^~~~
2022-03-06 (일) 22:28:04
강의실 형태로 이용할수 있겠네요
감사합니다
2022-03-06 (일) 23:09:45
강의내용 이미지로 구성되어 있으면 상관이 없는데
글자라고 한다면 1.jpg 를 1.txt 로 만들어서 아작스로 불러야 하는 번거러움이 있습니다.ㅜㅠ
2022-03-07 (월) 08:37:18
아 그렇군요 ㅠㅠ

음악강의실인데

1.jpg 대신에 유튜브 주소는 가능할것 같아요~~
감사합니다
2022-03-07 (월) 09:17:30
유튜브라면 https://sir.kr/g5_skin/48340 를 사용하시는 것이...
이건 버전4 인데 자세한 사용법은 버전1 부터 읽어보셔야 해요.
2022-03-10 (목) 19:19:20
우와 감사합니다!!
2022-03-10 (목) 23:25:15
예 감사합니다
정말 대단하십니다.
감사 드립니다.
2022-04-05 (화) 00:08:03
예 감사합니다.
http://vhost.kr/g5/bbs/board.php?bo_table=multyflex&wr_id=114&page=10

시나리오 소설 게시판으로 쓰려고보니 폴더를 만들어야하는군요 ㅠㅠ 폴더없이 게시판으로 만들어주심 안되나요 ㅎㅎ 소설게시판이 좋겟군요 ㅎㅎ
2022-05-03 (화) 07:12:10
본인이 만들어 쓰시거나 꼭 필요하시다면 제작의뢰를 이용하세요.^^
으와... 엄청 좋네요 ㅠㅠ 지금 사용하는 빌더/테마와는 게시글 목록에서 맞지 않는게 있어서 수정을 해야 하지만 올려주시는 자료들이 워낙 좋아서 모자란 실력으로 하나 둘씩 수정을 해보려고 합니다.

좋은 자료 공유해주셔서 정말 감사합니다!
2022-05-23 (월) 17:06:58
감사합니다
다른건 다 적용이 되었는데 썸네임만 안불러와집니다 ㅠㅠ..
skin 부분에서 list.skin 쪽을 수정하면 될가용?
2022-06-26 (일) 22:57:59
6번 부분 읽어 보셨나요?
6번대로 하면 안 될 리가 없는데요?
6번 설명대로 적용했는데 아래 사진처럼 나와요 ㅠㅠ.. 첨부파일을 제거하면 썸네일 없이 정상적으로 보이고요

혹시 여분필드값 1은 php 2는 jpg, png, gif 3은 그냥 설명문이라고 설정했는데 이것때문에 문제가 있는걸가요??
[http://sir.kr/data/editor/2206/73667a13b0384eeb951f5c1fbf7edf82_1656285277_8427.PNG]
2022-06-27 (월) 09:19:42
그누 몇 버전 쓰세요? 5.4 미만은 배려하지 않았고
나리야 아미나 이윰 등 테마도 빌더도 배려하지 않았습니다.
10번 설명 읽어 보세요.
php.ini 에서 extension=php_gd.dll 추가해주니깐 됩니다 ㅠㅠ
기본적인 질문인데 계속 답변해주셔서 감사합니다!! 좋은 하루되세요!!!
감사합니다!
2023-03-17 (금) 09:42:22
감사합니다.
고마워요~ 너무 유용한 스킨이네요!
2023-03-17 (금) 09:45:26
쪽지 질문 하지 마세요. 대답하는 순간 제 100 포인트가 날아갑니다.
팁은 팁대로 풀고 포인트는 포인트대로 날아가고... 저도 한량없이 관대한 자선사업가는 아니거든요.

예를 들어 webtoon_pc.php 에서는 가장 아래부분

this["webtoon_" + webtoonLimit].onclick();
를 아래처럼 바꿔줍니다. 그럼 1편부터 시작입니다.
this["webtoon_" + 1].onclick();
아, 죄송합니다. 답변 고마워요...
2024-03-14 (목) 04:47:55

그런데 1화 부터 나오게 하려면 어떻게 해야 하나요???

2024-03-15 (금) 00:08:14

바로 윗 댓글 참고하세요.

댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 스킨

2,751건

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

+