css3 이미지 전환효과... 이전

메인 슬라이드 이미지... 다음

CSS3 이미지 전환효과 갤러리

컬러

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 2018-11-25 (일) 23:56:27 · 조회 5096 5096 · 댓글 22 22

링크

http://web.zc.bz/gnu5/bbs/board.php?bo_table=skin_test&skin=color_css_pic3 (656)

https://sir.kr/g5_skin/24888 최신글 스킨과 동일한 효과의

CSS3 이미지 전환효과 갤러리 스킨입니다.

https://sir.kr/g5_skin/24888#c_25053

a4print 님께서 요청하셔서 올려 드립니다.^^

그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-1.8.3.min.js 파일을 기본 이용합니다.

스킨 미리보기

#PC용

첨부파일

Image.jpg (302.7 KB) 0회 2018-11-26 04:40 포인트 차감 30

color_css_pic3.zip (57.5 KB) 43회 2019-03-18 08:37 포인트 차감 30

댓글 22개

exit96

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-27 (화) 11:01:47

color_css_pic4 포기하고 이 스킨사용했는데요
이스킨은 정상작동 하는데 또 클릭시 게시판으로 들어가지 않아요 커서 올리면 폴더 경로만 나오네요
혹시몰라 color_css_pic3도 해봤는데 정상인데 이것도 게시판 링크가 안되고 경로만 나오네요.
그누보드 기본 JS 첨부 파일인(head.sub.php에서 인클루드) jquery-1.8.3.min.js 파일을 기본 이용합니다
와 관련이 있나요??
다른 스킨을 돌리면 잘 동작하는데 말입니다.TT
꼭 사용하고 싶은 초짜였습니다.TT

주소/bbs/board.php/bo_table=event&wr_id=1 이렇게 떠야되는데
주소/g5/theme/1024full/ 이렇게 경로로만 떠요

다른스킨도 사용해 봤는데 잘 뜨거든요

컬러

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-27 (화) 11:08:37

아마도 태그가 제대로 안닫혔거나 해서 그런것 같은데요, 하이퍼링크 태그(<a href)를 이미지레이어박스 <div> 자체 앞쪽에다가 넣고 </div>닫고 바로 뒷쪽에 </a>닫아보시겠어요? 동작 부분 볼수있게 링크를 알려주시면 제일 해결이 빠를것 같은데요. T.T

jquery-1.8.3.min.js 파일은 기본으로 사용하기 때문에 없다면 제대로 작동하지 않습니다만, 그누 원본을 특별히 만지지 않으셨다면 그누보드 head.sub.php 파일 자체에서 불러오기 때문에 그 부분의 문제는 아닐겁니다.

소스보기나 개발자도구로 확인하면 바로 알수 있을텐데요...T.T

exit96

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-27 (화) 13:56:27

초짜라 무슨 뜻인지 이해가 안가네요TT
http://dyps.kr/g5/theme/1024full/g_info.php
이곳입니다.확인부탁드려요.
그리고 컬러님의 슬라이드 최근이미지는 정상적으로 게시판으로 이동되요.TT

소스

<?php
include_once('./_common.php');

if (G5_IS_MOBILE) {
include_once(G5_THEME_MOBILE_PATH.'/group.php');
return;
}

if(!$is_admin && $group['gr_device'] == 'mobile')
alert($group['gr_subject'].' 그룹은 모바일에서만 접근할 수 있습니다.');

$g5['title'] = "Notice & Free";
$gr_id ='board';
include_once(G5_THEME_PATH.'/head.php');
include_once(G5_LIB_PATH.'/latest.lib.php');
?>


<div style="float:left">
<?php echo latest('theme/color_css_pic3', 'event', 5, 25); ?>
</div>
<div style="float:left;margin-left:20px">
<?php echo latest('basic', 'event', 5, 25); ?>
</div>


<?php
include_once(G5_THEME_PATH.'/tail.php');

컬러

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-27 (화) 19:26:40

아 지금껏 계속 최신글 스킨과 갤러리 스킨을 혼동해서 답변이 어려웠는데, 링크를 주시니 바로 알겠네요.ㅎㅎ
말씀하신 최신글은 해당 게시물 내용에도 쓰여있듯이
https://sir.kr/g5_skin/24888

연결 링크는 게시판 링크1 로 설정되어 있습니다.

이게 만들때 포트폴리오 용도처럼 하다보니 STYLE 이라고 표기된건 분류를 표시하구요.
링크는 글쓸때 링크1에 입력한 주소로 새창으로 이동하게 되어있습니다.
제작 포트폴리오 처럼 그 사이트를 방문해 볼수있도록.... ^^

저 부분을 게시물로 이동하게 하실려면 color_css_pic3 폴더의 latest.skin.php 파일내에 코드중, 180번 라인 <a class="link" href="<?php echo $list[$i]['link']['1'];?>" target="_blank"></a> 이 부분을

<a class="link" href="<?php echo $list[$i]['href'];?>" target="_self"></a>
이렇게 바꾸시면 해당 게시물로 이동합니다. ^^

exit96

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-28 (수) 10:36:00

와우^^ 감사합니다.
잘 사용할께요..

컬러

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-28 (수) 11:12:29

아 네 잘 해결 되셔서 다행입니다.^^

exit96

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-28 (수) 11:26:45

사이트 한번만 더 봐주세요.
정상이동 하는데요. 게시판에 사진을 올리니 이런현상이 나오네TT
http://dyps.kr/g5/theme/1024full/g_info.php
왜그럴까요??

아래 최신글은 정상작동하는데요 휴~
등록사진을 예제와같이 PNG파일로 올려도 마찬가지네요

컬러

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-28 (수) 12:21:20

이상하네요 아까 exit96 님 사이트를 확인했을때는 문제없이 잘 나왔었는데, 다시 어떤 코드를 잘못 만지신듯 합니다, 그리고 현재 질문하신 스킨은 이 갤러리 스킨이 아니라 https://sir.kr/g5_skin/24888 이 최신글 스킨이구요.^^

일단 이미지가 나오지 않는걸로 봐선 이미지의 사이즈가 제대로 설정되지 않은것 같습니다, 갤러리의 경우는 관리모드에서 설정해 주지만, 최신글의 경우는 latest.skin.php 파일의 코드중 최상단 5~6번 라인 인...

$img_w = 250; // 이미지($img) 가로 크기
$img_h = 250; // 이미지($img) 세로 크기

이 부분을 확인해 보시기 바랍니다.

exit96

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-28 (수) 13:22:39

귀찮게 해서 죄송합니다
열심히 찾아보고 다시올려보기도 하구 사이즈도 확인해 볼께요 TT

컬러

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-28 (수) 18:51:52

아뇨 잘 안되시면 또 질문 언제든 주세요.^^ ftp열어 주실 수 있으시면 직접 수정해 드릴수도 있습니다, 간단한 거니깐요.

ms켄지

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-12-15 (토) 16:39:30

신기한 게시판이네요