웹툰 갤러리 게시판 정보
갤러리 웹툰 갤러리 게시판![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
관련링크
첨부파일
본문
2022년 2월 3일 몇가지를 수정하여 재업합니다.
압축파일을 하나로 올렸습니다.
빨간 글씨가 수정된 사항입니다.
----------
이 웹툰게시판은 게시판에서 이미지를 업로드하지 않습니다.
게시판에서는 여분필드만을 사용합니다.
----------
1. 첨부파일의 압축을 풀고 먼저 webtoon_upload 폴더부터 정돈합니다.
내 컴에서 압축파일과 똑같이 파일들을 배치합니다.
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) 설명글은 본문입니다. 설명글을 사용하지 않을 때는 본문에 아무글자나 적고 설명없음을 선택합니다.
----------
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. 이 기능을 기본으로 다른 것을 첨가하여 제 허락 없이 유료화시키거나 제 사이트와 냑 이외에서 배포하는 것은 자제해 주시길요.
도움 되셨으면 추천과 댓글 부탁드립니다.
21
댓글 전체
쓰임새가 많은 스킨 고맙습니다.
잘 응용 해보겠습니다.
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
새해 복 많이 받으세요.
조금 더 쉽게 하려면 게시판에서 이미지 업로드를 해야 하는데 웹툰 이미지만 따로 모으는 폴더에 멀티업로드까지 넣어야 가닥이 나와서...
성가셔서 우회했습니다.ㅋ
몆년째 루미집사님의 폴더갤러리(https://sir.kr/g5_skin/26253)를 업무 사진게시판으로 유용하게 사용중인데, 파일이 많아지면 좀 느려져서 일별로 끊어보면 어떨까 하여 연구중입니다.
비타주리님 스킨으로 가능할까 하여 잠깐 로컬에서 테스트해보니 목적한 결과를 얻으려면 머리를 싸매야 할 듯 싶습니다.
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
액션 스크립트로 오디오 플레이어를 만들때 폴더별로 mp3 를 넣고 불러왔었거든요.
대신 webtoon.php 는 이런 배열형태가 아니라 rss 같은 xml 로 뿌렸습니다.
그래야 xml 플레이어가 되니까요.
원하시는 기능이 무엇인지는 모르겠지만 패턴만 적응되면 그리 어렵지는 않을 거라고 봅니다.
일별로 폴더를 만드는 것도 괜찮아요.
반복되는 동일한 형태만 추려내어 배열에만 담아버리면 그 뒤로는 아주 단순해지거든요.
그리고 두번째 첨부압축파일 스킨 디렉토리에 또다른 webtoon_pc.php 가 있는데 여기에는 배열을 받아 컨텐츠를 만드는 자바스크립트 코드가 있으니 참고해 보세요.
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
의견 드립니다.)
모바일이든, 데스크탑이든 웹툰 보면..밑으로 쭈욱 내릴테고.
끝까지 다 본 후 다시 위로 올라가서 다음 화를 눌러야 하니 불편할 수 있는듯 합니다.
만화 끝에...(하단부분) 좌/우 다음화 등 메뉴를 넣으면 편하게 다음화를 볼 수 있을 듯 합니다.
아니면..급 생각 또나네요.
우측에 보면 보통 TOP 버튼을 플로팅으로 만드는데요.
그것을 화면 하단에 플로팅으로 만들어서
<= TOP =>
이런식으로 만들어서.
전편 / 위로 / 다음편 의 의미로 화면 제일 하단에 플로팅으로 만들면 어떨까요?
의견은 의견일 뿐입니다. 참고만 해주세요. ^^
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
크게 어려운 건 아닌데...
그누게시판 우하단에는 pc나 모바일이나 상단으로 올라가는 버튼이 항상 있지 않나요?
그것 때문에 굳이 상단으로 올라가는 버튼은 안 만들었거든요.
다음버전에는 붙일게요. 천사님 어드바이스인데.^^
상단버튼을 만들자는게 아니라...
밑으로 내려왔을때 회차 변경 할수 있게...
1. 하단에 메뉴 넣기
2. 하단 중앙에 플로팅 메뉴 넣자
입니다
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
시간 별로 안 걸립니다.
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
천사님이 말씀하신 기능을 넣었습니다.
반영해주셔서 감사 합니다.
![](http://sir.kr/data/member_image/so/sopo015.gif?1552376041)
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
늘 감사해요 트리플님
![](http://sir.kr/data/member_image/na/naver_ve59i12o.gif?1716206209)
![](http://sir.kr/data/editor/2202/dfd5176977526fc210bcf746b2564e51_1643873481_4265.png)
목록을 완전 새로운 이름들로 구성을 하고 싶어요.
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
늘 감사합니다.
목록을 어떤 식으로 구성하고 싶으신 것이죠?
pc의 경우는 이 형태에서 글자가 길면 잘릴텐데요...
![](http://sir.kr/data/member_image/na/naver_ve59i12o.gif?1716206209)
제목으로 넣고 싶습니다.
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
모바일 기준 57 라인을 보면...
<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>
를 여분필드를 하나 만들고 예를 들어 wr_5...
wr_5 에 원하는 문장을 넣은 후 아래처럼 수정합니다.
<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>
![](http://sir.kr/data/member_image/na/naver_ve59i12o.gif?1716206209)
![](http://sir.kr/data/editor/2202/3cb48522be65e7d44aa153fda765b37b_1643942361_0121.png)
대단히 감사합니다. 복 많이많이 받으세요.
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
멋지게 응용하셨습니다.
![](http://sir.kr/data/member_image/na/naver_ve59i12o.gif?1716206209)
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
늘 감사합니다.
이 웹툰은 저랑 친분이 있는 강촌 작가님에게 허락을 맡고 가져온 거에요.
안 그러면 저작권에 걸려서요.ㅜㅠ
실력도 그렇고,ㅎㅎㅎ 해서
걍 갠 서버에 계정하나 더 추가 해서 적용시켜 봤습니다,
오늘 오전에 백신3차 맞는다고,, 오늘부터 삼일 쉬게 되어서,,
사진 정리 해 볼까 하는데 넘 많아서,,,.영상도 그렇고,,
영상편집은 시간이 넘 많이 걸려서 엄두도 안 나고,,ㅎㅎ
이래저래. ,,,,,,멍 때리다 하루 휘리릭 가버릴듯 합니다
유용한 스킨 올려주셔서, 생각이 많아졌어요.. ><
http://img.eoeo.kr:8080/gnuboard/bbs/board.php?bo_table=gallery&wr_id=3
흐르는 곡 ,편집할땐 알았었는데.. 태국 소수민족 언어로 부른 찬양곡입니다
위에 사진과 영상은
중국유학생이 중국이 아닌 태국 단기선교를 다녀온 사진과 ,영상입니다
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
![](http://sir.kr/data/member_image/to/todl.gif?1498779066)
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
유용하게 사용하세요^^
웹소설 연재 방식은 어떻게 해야하나요?
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
흔적 주셔서 감사드립니다.
![](http://sir.kr/data/member_image/si/sinbi.gif?1672933166)
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
오히려 제가 더 부럽습니다.^^
![](http://sir.kr/data/member_image/na/naver_6c1olunp.gif?1644130323)
갑자기 웹툰을 그려보고 싶은 느낌이...^ㅡ^;;;
어쨋든 감사해요~~~!!!
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
![](http://sir.kr/data/member_image/na/naver_6c1olunp.gif?1644130323)
다시한번 도전해봐야겠네요...^ㅡ^*
감사합니다...^.^~~~
감사합니다
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
글자라고 한다면 1.jpg 를 1.txt 로 만들어서 아작스로 불러야 하는 번거러움이 있습니다.ㅜㅠ
음악강의실인데
1.jpg 대신에 유튜브 주소는 가능할것 같아요~~
감사합니다
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
이건 버전4 인데 자세한 사용법은 버전1 부터 읽어보셔야 해요.
![](http://sir.kr/data/member_image/na/naver_7s40njbh.gif?1590049664)
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
![](http://sir.kr/data/member_image/si/sir2me.gif?1521630153)
감사 드립니다.
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
![](http://sir.kr/data/member_image/na/naver_tixvqefd.gif?1615104556)
시나리오 소설 게시판으로 쓰려고보니 폴더를 만들어야하는군요 ㅠㅠ 폴더없이 게시판으로 만들어주심 안되나요 ㅎㅎ 소설게시판이 좋겟군요 ㅎㅎ
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
![](http://sir.kr/data/member_image/na/naver_tc7kdoux.gif?1657980332)
좋은 자료 공유해주셔서 정말 감사합니다!
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
skin 부분에서 list.skin 쪽을 수정하면 될가용?
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
6번대로 하면 안 될 리가 없는데요?
혹시 여분필드값 1은 php 2는 jpg, png, gif 3은 그냥 설명문이라고 설정했는데 이것때문에 문제가 있는걸가요??
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
나리야 아미나 이윰 등 테마도 빌더도 배려하지 않았습니다.
10번 설명 읽어 보세요.
기본적인 질문인데 계속 답변해주셔서 감사합니다!! 좋은 하루되세요!!!
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
팁은 팁대로 풀고 포인트는 포인트대로 날아가고... 저도 한량없이 관대한 자선사업가는 아니거든요.
예를 들어 webtoon_pc.php 에서는 가장 아래부분
this["webtoon_" + webtoonLimit].onclick();
를 아래처럼 바꿔줍니다. 그럼 1편부터 시작입니다.
this["webtoon_" + 1].onclick();
그런데 1화 부터 나오게 하려면 어떻게 해야 하나요???
![](http://sir.kr/data/member_image/wi/wittazzurri.gif?1622770717)
바로 윗 댓글 참고하세요.