pinterest 스타일 반응형 갤러리 ( 수정 ) 정보
갤러리 pinterest 스타일 반응형 갤러리 ( 수정 )첨부파일
본문
파일을 스킨폴더에 풀고 그냥 선택하여 이용하시면 됩니다.
관리자 페이지에서 갤러리 이미지 폭 크기만 지정하면, 업로드한 이미지 사이즈에 맞게 높이는 자동 계산되어 보여집니다.
페이지가 여러개일경우 따로 페이지 링크는 나오지 않고, 스크롤을 내리면 자동으로 다음 페이지가 붙는 방식입니다.
QsGallery_page_auto_load_ver.zip : 스크롤 내리면 페이지 자동으로 추가 하는 버전
QsGallery_page_click_load_ver.zip : 페이지네이션으로 페이지 이동하는 버전
적용중 문제는 댓글주세요.
/* 2016-11-29 패치 노트 */
- 검색 바 selectbox 에 가려지는 현상 개선
- 2페이지 이상 목록에서 view_all_list 버튼 제대로 표기되지 않는현상 수정
- 글쓴이 사이드뷰 사용가능하게 변경
- 로딩이미지 추가
- 스크롤및 처음로딩 시 페이지 로드 에러 개선
- 제목 길어질 시 레이아웃 틀어지는 현상 개선
- 불러올 본문 최대 문자열 제한
- 페이지 추가 로드 애니메이션 효과 개션.
관리자 페이지에서 갤러리 이미지 폭 크기만 지정하면, 업로드한 이미지 사이즈에 맞게 높이는 자동 계산되어 보여집니다.
페이지가 여러개일경우 따로 페이지 링크는 나오지 않고, 스크롤을 내리면 자동으로 다음 페이지가 붙는 방식입니다.
QsGallery_page_auto_load_ver.zip : 스크롤 내리면 페이지 자동으로 추가 하는 버전
QsGallery_page_click_load_ver.zip : 페이지네이션으로 페이지 이동하는 버전
적용중 문제는 댓글주세요.
/* 2016-11-29 패치 노트 */
- 검색 바 selectbox 에 가려지는 현상 개선
- 2페이지 이상 목록에서 view_all_list 버튼 제대로 표기되지 않는현상 수정
- 글쓴이 사이드뷰 사용가능하게 변경
- 로딩이미지 추가
- 스크롤및 처음로딩 시 페이지 로드 에러 개선
- 제목 길어질 시 레이아웃 틀어지는 현상 개선
- 불러올 본문 최대 문자열 제한
- 페이지 추가 로드 애니메이션 효과 개션.
추천
32
32
댓글 전체
조용히 올라가는 추천수~
감사합니다^^
이쁘네요. 감사합니다,
감사랍니다.이쁘게 사용하세요^^
멋집니다!!
감사합니다!!
깔끔하네요 ~ 추천!
감사합니다!
오오 깔끔깔끔 괜찮네요!
감사합니다!
'글쓴이 사이드뷰'와 '추천, 비추천'을 사용하지 않아야 하네요.
제일 우측의 최신글이며 내용이 '영문 링크'일 경우, 틀을 벗어나서 출력되는 문제가 있네요.
제일 우측의 최신글이며 내용이 '영문 링크'일 경우, 틀을 벗어나서 출력되는 문제가 있네요.
사이드뷰는 새로 올린파일 받으시면 이용 가능합니다.
그 외에 말씀하신 사항들은 특별히 확인이 안되는데
링크를 보내주시면 확인해볼수 있을것 같아요.
감사합니다.^^
그 외에 말씀하신 사항들은 특별히 확인이 안되는데
링크를 보내주시면 확인해볼수 있을것 같아요.
감사합니다.^^
감사히 잘쓰겠습니다.
더보기 자동 말고 클릭 더보기로 수정하려면 어떻게 고쳐야 하나요?
더보기 자동 말고 클릭 더보기로 수정하려면 어떻게 고쳐야 하나요?
galleryInit과 스크롤이벤트를 해제하고
더보기 버튼에 callContents 함수 이벤트를 걸면 됩니다.
더보기 버튼에 callContents 함수 이벤트를 걸면 됩니다.
글 작성수가 3회 미만이라 하루 3개밖에 댓글을 못다네요.
주말중으로 패치버전 재업로드 예정입니다.
추가 개선사항이 필요한경우 댓글 남겨주세요.
주말중으로 패치버전 재업로드 예정입니다.
추가 개선사항이 필요한경우 댓글 남겨주세요.
마침 필요했는데 감사합니다.
감사합니다 ^^
감사히 잘쓰겟습니다^^
감사합니다. 이쁘게 사용하세요^^
감사합니다!!
감사합니다!
좋네요!! 이미지 위아래 간격조정은 어떻게 하나요??
게시물과 게시물 사이의 간격은 list.skin.php 파일 229라인의 wookmark 객체생성시
offset값을 주면 됩니다.
offset은 위아래뿐만 아니라 좌우도 함께 적용됩니다.
만일 위아래만 수정이 필요하다면 jquery wookmark 플러그인을 튜닝해야 할것 같아요.
offset값을 주면 됩니다.
offset은 위아래뿐만 아니라 좌우도 함께 적용됩니다.
만일 위아래만 수정이 필요하다면 jquery wookmark 플러그인을 튜닝해야 할것 같아요.
제가 찾던 스킨이에요!! 정말 감사합니다ㅠ근데 바람이 있다면...저 갤러리 스킨을 최근 게시물 스킨으로 만들어주실수있나요?ㅠㅠ 포트폴리오를 메인 화면에 최근 게시물로 이스킨처럼 불러오고싶은데 수정하는게 너무 어렵네여 ㅠㅠ
현재 하는 일이 있어서 지금 당장 최근글로 만들기는 어려울거같아요.
나중에 시간이 되면 한번 만들어볼게요.
감사합니다. ^^
나중에 시간이 되면 한번 만들어볼게요.
감사합니다. ^^
깔끔하고 넘좋아요
감사합니다^^
환상적이네요
감사합니다.^^
위아래 간격조정을 어떻게 해야할지 ㅜㅜ 좌우간격은 +50 으로 조정되었는데 위아래간격 50px로 하려면 어떻게 해야할까요?!?
offsetExample.zip 파일 올려드렸습니다.
원래의 list.skin.php 파일과 비교하여 offset 설정을 어떻게 주는지 확인해보세요.
229라인 : 최초렌더시 offset 설정 값
252라인 : 스크롤렌더시 offset 설정 값
offset 은 위아래뿐아니라 좌우여백도 함께 늘어나는 건 참고해주세요 ^^
원래의 list.skin.php 파일과 비교하여 offset 설정을 어떻게 주는지 확인해보세요.
229라인 : 최초렌더시 offset 설정 값
252라인 : 스크롤렌더시 offset 설정 값
offset 은 위아래뿐아니라 좌우여백도 함께 늘어나는 건 참고해주세요 ^^
오~! 좋아요 감사합니다.
감사합니다.^^
굿
스킨 이쁘네요 감사합니다. 썸네일 높이값 고정으로 이용할수도 있겠죠?
고정 높이로 이용하고 싶으신 경우
list.skin.php 파일 111 쨰 줄
get_list_thumbnail2 함수의 마지막 인자에 height값을 아래와 같이 지정해주세요.
$thumb = get_list_thumbnail2($board['bo_table'], $li st[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
감사합니다.^^
list.skin.php 파일 111 쨰 줄
get_list_thumbnail2 함수의 마지막 인자에 height값을 아래와 같이 지정해주세요.
$thumb = get_list_thumbnail2($board['bo_table'], $li st[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height']);
감사합니다.^^
아...정말 제가 딱 찾던건데 ㅠㅠ
적용이 제대로 안되네요 왜이러는걸까요..... 수정을 하긴 했으나.. .수정하기 전에도 똑같은 현상입니다....
이상하게도... 스크롤시 자동으로 로딩되는 버전은 저한테 저렇게 적용이 되고 페이지 방식은 제대로 적용이되네요.... 자동로딩버전이 더 쓰고싶은데...방법이없을지요...
감사합니다 잘 받을께요^^
감사합니다^^
지금 이 갤러리 선택하여서 작업중인데요 정말 좋네요
질문이 한가지 있는데요 아래 내려왔을때 게시글 더 나올 경우에
"아래로 내리시면 갤러리가 더 나옵니다 " 등의 문구를 출력하고 싶은데요
이건 어디를 손봐야 할까요?
질문이 한가지 있는데요 아래 내려왔을때 게시글 더 나올 경우에
"아래로 내리시면 갤러리가 더 나옵니다 " 등의 문구를 출력하고 싶은데요
이건 어디를 손봐야 할까요?
이건 꼭받아야함
멋지네요~ 스킨 수정 노하우줌 공개해주세요^^
갤러리 클릭해서 들어가면 저는 상단내용이 거의 손가락 두마디 공간이 생겨버리는데 이유를 모르겠습니다 ㅠㅠ
갤러리 클릭해서 들어가면 저는 상단내용이 거의 손가락 두마디 공간이 생겨버리는데 이유를 모르겠습니다 ㅠㅠ
저도 잘 몰라서요;;;
와~~ 이뿌네요
Thanks
와 너무 이뻐요!!!
스크랩~!
좋은 스킨 잘 사용하겠습니다.
너무 좋네요^^
좋은자료 감사합니다.
감사합니다~ 사용 잘 하겠습니다~~
모바일에서는 상단,하단이 적용안되는데 어떡해야할까요 ㅠ
하나 물어볼께있는데 저도 이걸 사용중입니다 그런데 이미지가 여러장이면 모바일에서 보면 이미지가 겹쳐지는 현상이있는데 이것도 수정이 된거같은데 전 이것만 수정하면 되거든요 혹시 이거만 어디에 이 소스만 넣어라고 좀 알려주시면 안될까요?
멋지네요 고맙습니다
덕분에 잘쓰고 있는데 문제가 있어서 질문좀 드릴께요.
익스 11에서는
QsGallery_page_auto_load_ver 이 버전에서
filter: grayscale(90%); 이거 안먹히나요? 썸네일이 안바뀌네요 ㅜㅜ
방법좀 알려주세요
.tiles-wrap.wookmark-initialised.animated li:hover img {
-webkit-filter: grayscale(80%);
filter: grayscale(80%);
}
.tiles-wrap img {
display: block;
border-radius:2px;overflow:hidden;
-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
익스 11에서는
QsGallery_page_auto_load_ver 이 버전에서
filter: grayscale(90%); 이거 안먹히나요? 썸네일이 안바뀌네요 ㅜㅜ
방법좀 알려주세요
.tiles-wrap.wookmark-initialised.animated li:hover img {
-webkit-filter: grayscale(80%);
filter: grayscale(80%);
}
.tiles-wrap img {
display: block;
border-radius:2px;overflow:hidden;
-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
우측 메뉴들이 우측에서 사라지고, 위 스킨 아래로 하단에 나오는데ㅠㅠ 어떻게 수정해야하는지 알려주시면 감사합니다.ㅠ
감사합니다~
감사합니다
저스킨에 혹시 분류|분류는 적용안되나요??ㅠㅠㅠㅠ
감사합니다!!
감사합니다~^^
감사합니다!!!!!
스타일반응형 갤러리
모바일 하단 막힘 수정은
list.skin.php
하단 스크립트에
$("#loadingImage").css("display","block");
var galleryInit = setInterval(addGallery, 1000);
두개를 지우니까 잘 되는것같습니다.
스킨감사합니다~ ㅎㅎ
list.skin.php
하단 스크립트에
$("#loadingImage").css("display","block");
var galleryInit = setInterval(addGallery, 1000);
두개를 지우니까 잘 되는것같습니다.
스킨감사합니다~ ㅎㅎ
감사드립니다. 수고 하셨습니다.
감사합니다.
감사합니다.
좋습니다. 저도 적용해보려하는데 잘 안됩니다.
환상적인 스킨이네요. ( ^ __________ ^ ) ===b
너무 감사합니다!! ㅠㅠ
감사합니다~
감사합니다
너무좋아요 감사합니다
감사합니다.
강추강추
아무짓도 하지 않았는데 왜이러는 걸까요ㅠㅜㅠ
다른 스킨은 잘 적용되는데
이 스킨을 적용하면 이상하게 나옵니다.
ㅎㅎㅎㅎ
좋은스킨 감사합니다~
너무 좋은 스킨 감사합니다.
그런데 기본적으로 리스트가 가운데로 나오는데
좌측에 붙게는 못하나요?ㅠㅠ
그런데 기본적으로 리스트가 가운데로 나오는데
좌측에 붙게는 못하나요?ㅠㅠ
제가 찾던 게시판 입니다. 잘 사용 하겠습니다.
암튼 멋집니다
감사합니다.
ㅈㄱㅈ