슬라이딩 이미지& 팝업..by JQuery.. > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

슬라이딩 이미지& 팝업..by JQuery.. 정보

최근게시물 슬라이딩 이미지& 팝업..by JQuery..

첨부파일

latest_JQslide.zip (5.7K) 392회 다운로드 2009-07-12 23:18:50

본문

안녕하세요..

 - 좌우 화살표로 슬라이딩하고..
 - 이미지 클릭시 원본 팝업이 뜨고..
 - 이미지 하단 제목 클릭시 해당 게시물로 가는..

최근게시물입니다..

설치는..
최근게시물이니까
/skin/latest/에 압축 풀어놓으시면 됩니다.

그리고 메인 페이지에서
<?=latest("latest_JQslide", "게시판이름", 불러올 최근 이미지 수, 표시할 제목 글자 수);?>
로 불러오시면 됩니다.

설정은..미리보기에 올려놓은대로 쓰시려면 특별히 바꾸실거는 없구요..
이미지 가로, 세로, 배경색은 latest.skin.php 6~8줄에서 바꾸실 수 있습니다.

가로, 세로 크기를 정해주면 그 크기에 맞춰서 썸네일을 만드는데..
일단 정해준 높이를 무조건 맞추게 했습니다.
그리고 가로가 설정한 것보다 크면 양쪽이 조금씩 잘리게 되고..
설정한 것보다 작으면 그냥 작은대로 보여지게 됩니다.

이건 가로사진, 세로사진이 섞여 있을때 그나마 높이를 맞추는게 보기에 좋아서 그렇게 했구요..혹시 수정하실 분들은 make_thumb.php를 수정하시면 됩니다~

그리고 글 삭제시 생성된 썸네일 파일 삭제를 위해..
1.delete.php 77줄 근처..@unlink("$g4[path]/data/file/$bo_table/$row2[bf_file]"); 바로 다음에
    //thumbnail삭제
    @unlink("$g4[path]/data/file/$bo_table/thumb_jqslide/$write[wr_id]");
를 추가해 주시구요..

2.delete_all.php 94줄 근처..@unlink("$g4[path]/data/file/$bo_table/$row2[bf_file]"); 바로 다음에
    //thumbnail삭제
    @unlink("$g4[path]/data/file/$bo_table/thumb_jqslide/$write[wr_id]");
를 추가해 주셔야 합니다..

참..위 두 파일은 그누보드 설치디렉토리/bbs 안에 있습니다.
(이건 그냥 delete.skin.php파일로 만들어 넣으려고 했는데 제가 해보니 썸네일 삭제가 안되서..원본을 건드리게? 됬는데 혹시 아시는 분 있으시면 알려주세요~)

참고한 스킨은..
불량감자님의 http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=89871 입니다..
그리고 슬라이딩이랑 팝업이 핵심인데..
슬라이딩은
http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/
팝업은
http://dryan.com/jquery-lightbox-tutorial
에 가시면 자세한 소스 설명을 보실 수 있습니다..

스킨은 첨 올리는 건데 혹시 잘 안돌아가더라도 양해해 주시길..^^..
추천
8
  • 복사

댓글 전체

th2415님.. 스킨 감사합니다!! 잘되네요..
그런데. 이미지 숫자 늘릴려면 어느거 값 바꿔 줘야 해요?
한슬라이드에. 가령 4개 나열 하고 싶픈데.
추천한방 쾅~
즐거운 하루 보내세요~
잘되신다고 하니 다행입니다..ㅎㅎ
짱구야님..이미지 하나가 최근 게시물 하나니까..
<?=latest("latest_JQslide", "게시판이름", 불러올 최근 이미지 수, 표시할 제목 글자 수);?>에서 최근 이미지 수를 늘리시면 됩니다~
어쿠,,당장 쓸일이 없어서,,그냥,,지나가듯이 봤는데...글 내용중에,,제 닉네임이?...^^
나중에 쓸일이 있으면 사용토록 하겠습니다..감사합니다.
앗..불량감자님 안녕하세요..오토탭 스킨이 이뻐서 따라해봤습니다..^^

짱구야님 죄송...제가 못 알아들었네요ㅜㅜ..
일단 슬라이드에 하나밖에 안나오는 건..제가 홈 메인페이지에 좀 크게 들어가도록 만든거다보니 미처 그런 생각을 못했네요..^^..
이걸..소스에서 고치려면...음..좀 일이 커질거 같습니다..고치려고 생각해보니 소스가 엮인게 좀 많네요...사실 이게 jquery만 없으면 그냥 다 옆으로 한꺼번에 디스플레이 되는데 jquery에서 <div>단위로 짤라서 움직이게 하거든요..슬라이딩 넘기는 걸 변경해야 되서 111 line이후 javascript부분을 고쳐야 할거 같습니다~...별로 도움이 못되서 죄송..
© SIRSOFT
현재 페이지 제일 처음으로