JQuery 마우스 오버시 이벤트 발생 (최신겔러리) - 깔끔버전 정보
최신글 JQuery 마우스 오버시 이벤트 발생 (최신겔러리) - 깔끔버전관련링크
http://designonex.com
3419회 연결
첨부파일
본문
추천
23
23
댓글 전체
지치실 줄을 모르시네요....하루에 3개나 올리시다니!! 감사합니다 :)
언제나 감사합니다. 추천합니다.
감사해요^^
감사합니다
대박이네요. 감사합니다.
^^ 댓글과 추천달아주신 분들께 감사드립니다.
잘 활용했습니다.
질문이있는데요. 이미지 출력시 세로로 중간에 여백을 좀 주고싶은데 가능한가요?
질문이있는데요. 이미지 출력시 세로로 중간에 여백을 좀 주고싶은데 가능한가요?
top으로 했네염. ㅋㅋㅋ
div.capty-tile {
float: left;
margin-right: <?=$magin?>px;
margin-bottom:10px; // 아래간격입니다.
}
잘 활용해주셔서 감사합니다. (__) 꾸벅.
div.capty-tile {
float: left;
margin-right: <?=$magin?>px;
margin-bottom:10px; // 아래간격입니다.
}
잘 활용해주셔서 감사합니다. (__) 꾸벅.
추천!!!
감사합니다. 솔해님...^^ 솔해님 홈피 들어가봤는데. 알차더군염^^ 가끔 놀러갈게염..
가로 여백만 있으니 좀 그런데
가로 여백도 세로처럼 붙여버릴려면 어떻게 해야하나요?
가로 여백도 세로처럼 붙여버릴려면 어떻게 해야하나요?
div.capty-tile {
float: left;
margin-right: <?=$magin?>px;
margin-bottom:10px; // 아래간격입니다.
}
<?=$magin?>px 값에 0이 들어가하시면 됩니다.
위에 보시면 $magin 함수가 있을 것입니다. // ㅋㅋ 함수라네욤 변수를 죄송
$magin = 0; 으로 하시면 되겠죠.^^
float: left;
margin-right: <?=$magin?>px;
margin-bottom:10px; // 아래간격입니다.
}
<?=$magin?>px 값에 0이 들어가하시면 됩니다.
위에 보시면 $magin 함수가 있을 것입니다. // ㅋㅋ 함수라네욤 변수를 죄송
$magin = 0; 으로 하시면 되겠죠.^^
깔끔하고 좋네요... 감사
이런 훌룡한 최신글 감사드립니다. 문의 드리고 싶은건 전체 사이즈를 어떻게 늘려야 하는지 모르겠어서요. 현재 1116px 상자에 넣었거든요 근데 630px 로 가로 사이즈가 나오네요. 100% 사 사용하고 싶은데 어떻게 해야 하나요? 소스 보다 눈이 빠질것 같아서 질무드려요 ㅎㅎㅎ
줄25~27
이 부분이 이미지의 사이즈입니다. 넓이 갯수는 나열할 이미지의 수죠.
만약 4개로 나열하고자 할때는 4를 입력하시면 됩니다.
$img_width = 290; //표시할 이미지의 가로사이즈
$img_height = 120; //표시할 이미지의 세로사이즈
$row = 3; //넓이 갯수
줄 48~50
이 부분이 CSS에 적용 및 사이즈를 자동으로 맞추어주는 계산변수들입니다.
$magin = 10;
$width = $img_width * $row;
$table_width = $width + ($row * $magin);
님께서 1116픽셀 DIV또는 테이블에 담아두셨다면,
이미지의 나열수를 먼저 생각하시면 됩니다. 아 가로로 하죠.
가로 이미지의 나열 갯수를 5개로 할 경우 마진이 10임으로
250*5 = 1250이네여 거기에 마진이 있으니 10*5 = 50
1250 * 50이면 1300이 되겠네요.
넘겠죠, 그럼 이미지의 사이즈를 줄여주시면 됩니다.
1116 / 5를 하게 되면 223.2가 나옵니다.
마진 10을 뺏니다.
213.2 가 되겠네요. HTML이나 CSS에서는 실수 인식불가임으로 213으로 하시면 되겠죠
$img_width = 213; //표시할 이미지의 가로사이즈
$img_height = 120; //표시할 이미지의 세로사이즈
$row = 5; //넓이 갯수
이렇게 하면 얼추 맞을 것 같네여. ^^ 수고하세요.
이 부분이 이미지의 사이즈입니다. 넓이 갯수는 나열할 이미지의 수죠.
만약 4개로 나열하고자 할때는 4를 입력하시면 됩니다.
$img_width = 290; //표시할 이미지의 가로사이즈
$img_height = 120; //표시할 이미지의 세로사이즈
$row = 3; //넓이 갯수
줄 48~50
이 부분이 CSS에 적용 및 사이즈를 자동으로 맞추어주는 계산변수들입니다.
$magin = 10;
$width = $img_width * $row;
$table_width = $width + ($row * $magin);
님께서 1116픽셀 DIV또는 테이블에 담아두셨다면,
이미지의 나열수를 먼저 생각하시면 됩니다. 아 가로로 하죠.
가로 이미지의 나열 갯수를 5개로 할 경우 마진이 10임으로
250*5 = 1250이네여 거기에 마진이 있으니 10*5 = 50
1250 * 50이면 1300이 되겠네요.
넘겠죠, 그럼 이미지의 사이즈를 줄여주시면 됩니다.
1116 / 5를 하게 되면 223.2가 나옵니다.
마진 10을 뺏니다.
213.2 가 되겠네요. HTML이나 CSS에서는 실수 인식불가임으로 213으로 하시면 되겠죠
$img_width = 213; //표시할 이미지의 가로사이즈
$img_height = 120; //표시할 이미지의 세로사이즈
$row = 5; //넓이 갯수
이렇게 하면 얼추 맞을 것 같네여. ^^ 수고하세요.
훌륭한 정보 감사드립니다 !!!!!!
드리머님, 보배바다님, sosome님 감사합니다. (__)
좋아요
감사합니다. 비용러브님..^^
latest.skin.php 파일과 jquery.capty.css 파일안에 정의된 css 를 좀 고쳐야할 것 같습니다.
latest.skin.php 내용 전체를 (예를 들어) <div id="desingonex"> ~ </div> 이런식으로 감싸주고요.
css 정의된 태그 앞에 .designonex 를 붙여주는게 좋을 거 같습니다.
안그러면 다른 .css 에 영향을 줘서 이상하게 나오거든요.
특히 div span 을 전역으로 정의해 놓아서 다른 div 에 있는 글자가 이상해지더군요.
예를 들어 아래와 같이 하는게 좋습니다.
.designonex div#link a {
color: #EA9C00;
font: bold 10px verdana;
letter-spacing: .9px;
text-decoration: none;
}
참고하십시오.
latest.skin.php 내용 전체를 (예를 들어) <div id="desingonex"> ~ </div> 이런식으로 감싸주고요.
css 정의된 태그 앞에 .designonex 를 붙여주는게 좋을 거 같습니다.
안그러면 다른 .css 에 영향을 줘서 이상하게 나오거든요.
특히 div span 을 전역으로 정의해 놓아서 다른 div 에 있는 글자가 이상해지더군요.
예를 들어 아래와 같이 하는게 좋습니다.
.designonex div#link a {
color: #EA9C00;
font: bold 10px verdana;
letter-spacing: .9px;
text-decoration: none;
}
참고하십시오.
추가로..
이미지 영역을 div 로 감싸고 대충 사이즈 통해서 자동으로 라인 꺽기 되도록 해놨는데요. 그러면 브라우저나 여러 상황에 따라 칸이 안맞고 이상하게 나오는 경우가 있습니다. 그 부분을 table 처리하는게 좋을 듯 하네요. 굳이 margin 이미지 사이즈 계산해서 할 필요가 없습니다. $cols 값만 지정해놓으면 for 문 안에서 해결 됩니다. 스크립트 고쳐서 적용해놨지만.. for 루프 부분만 댓글에 올려봅니다.
<div style="width: 100%">
<table>
<tr>
<? for ($i=0; $i<=count($list); $i++) {
//리스트 페이지 이미지 출력
//썸네일 생성
$thumfile = "";
$thumb = $thumb_path.'/'.$list[$i][wr_id];
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
// 업로드된 파일이 이미지라면
if (preg_match("/\.(jpg|gif|png|bmp)$/i", $file) && file_exists($file)) {
$thumb = thumbnail($file, $img_width, $img_height, 0, 1, 90, 0, "", $filter, $noimg); //첨부파일 언샾마스크추가
} else { //에디터에서 삽입한 이미지
$edit_img = $list[$i]['wr_content'];
if (eregi("data/cheditor4[^<>]*\.(gif|jp[e]?g|png|bmp)", $edit_img, $tmp)) { // data/cheditor------
$file = $g4[path].'/' . $tmp[0]; // 파일명
$thumb=thumbnail($file, $img_width, $img_height, 0, $is_crop, 90, 0, "", $filter, $noimg); //언샾마스크추가
}
}
$wr_content = preg_replace("/<(.*?)\>/"," ",$list[$i][wr_content]);
$wr_content = preg_replace("/ /"," ",$wr_content);
$wr_content = str_replace("//##", " ", $wr_content);
$wr_content1 = cut_str(get_text($wr_content), 100, '…');
if (preg_match("/\.(jpg|gif|png|bmp)$/i", $thumb) && file_exists($thumb)) {
//echo "<a href='{$list[$i]['href']}' class='item' title='{$list[$i]['subject']}'>";
//echo "<img src='$thumb' border='0'>";
//echo "</a>";
?>
<td><a href='<?=$list[$i]['href']?>'><img src="<?=$thumb?>" border="0" alt="<?=$list[$i]['subject']?>" class="fix" width="<?=$img_width?>" height="<?=$img_height?>"/></a></td>
<?
if (($i+1)%$cols == 0) {
echo "</tr>";
if ($i != count($list)) {
echo "<tr>";
}
}
}
}//end for loop
if ($i%$cols != 0) {
echo "</tr>";
}
if (count($list) == 0) {
echo "<table width='100%' border='0' cellpadding='0' cellspacing='0'><tr><td colspan=3 align=center height=100>자료가 없습니다.</td></tr></table>";
}
?>
</table>
</div>
이미지 영역을 div 로 감싸고 대충 사이즈 통해서 자동으로 라인 꺽기 되도록 해놨는데요. 그러면 브라우저나 여러 상황에 따라 칸이 안맞고 이상하게 나오는 경우가 있습니다. 그 부분을 table 처리하는게 좋을 듯 하네요. 굳이 margin 이미지 사이즈 계산해서 할 필요가 없습니다. $cols 값만 지정해놓으면 for 문 안에서 해결 됩니다. 스크립트 고쳐서 적용해놨지만.. for 루프 부분만 댓글에 올려봅니다.
<div style="width: 100%">
<table>
<tr>
<? for ($i=0; $i<=count($list); $i++) {
//리스트 페이지 이미지 출력
//썸네일 생성
$thumfile = "";
$thumb = $thumb_path.'/'.$list[$i][wr_id];
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
// 업로드된 파일이 이미지라면
if (preg_match("/\.(jpg|gif|png|bmp)$/i", $file) && file_exists($file)) {
$thumb = thumbnail($file, $img_width, $img_height, 0, 1, 90, 0, "", $filter, $noimg); //첨부파일 언샾마스크추가
} else { //에디터에서 삽입한 이미지
$edit_img = $list[$i]['wr_content'];
if (eregi("data/cheditor4[^<>]*\.(gif|jp[e]?g|png|bmp)", $edit_img, $tmp)) { // data/cheditor------
$file = $g4[path].'/' . $tmp[0]; // 파일명
$thumb=thumbnail($file, $img_width, $img_height, 0, $is_crop, 90, 0, "", $filter, $noimg); //언샾마스크추가
}
}
$wr_content = preg_replace("/<(.*?)\>/"," ",$list[$i][wr_content]);
$wr_content = preg_replace("/ /"," ",$wr_content);
$wr_content = str_replace("//##", " ", $wr_content);
$wr_content1 = cut_str(get_text($wr_content), 100, '…');
if (preg_match("/\.(jpg|gif|png|bmp)$/i", $thumb) && file_exists($thumb)) {
//echo "<a href='{$list[$i]['href']}' class='item' title='{$list[$i]['subject']}'>";
//echo "<img src='$thumb' border='0'>";
//echo "</a>";
?>
<td><a href='<?=$list[$i]['href']?>'><img src="<?=$thumb?>" border="0" alt="<?=$list[$i]['subject']?>" class="fix" width="<?=$img_width?>" height="<?=$img_height?>"/></a></td>
<?
if (($i+1)%$cols == 0) {
echo "</tr>";
if ($i != count($list)) {
echo "<tr>";
}
}
}
}//end for loop
if ($i%$cols != 0) {
echo "</tr>";
}
if (count($list) == 0) {
echo "<table width='100%' border='0' cellpadding='0' cellspacing='0'><tr><td colspan=3 align=center height=100>자료가 없습니다.</td></tr></table>";
}
?>
</table>
</div>
감사합니다. (__) 오픈소스의 발전은 지금과 같은 현상입니다.
http://sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=747269 강누리님이 자유게시판에 올리신 글.
나둥이님처럼 보안할 점을 공유해주시면, 좀 더 완벽한 설계도를 개발할 수 있습니다.
작은 스킨이라 하더라도, 붙이면 커지는 것이죠.
나둥이님의 소중한 지식 감사드립니다. (__)
http://sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=747269 강누리님이 자유게시판에 올리신 글.
나둥이님처럼 보안할 점을 공유해주시면, 좀 더 완벽한 설계도를 개발할 수 있습니다.
작은 스킨이라 하더라도, 붙이면 커지는 것이죠.
나둥이님의 소중한 지식 감사드립니다. (__)
정말 멋진 스킨이네요.
감사합니다.^^
감사합니다. 아주 좋네요~~
감사합니다.^^
깔끔하네요
감사합니다.^^
감사합니다~~ㅋㅋ
역시 깔끔하네요~
신뷔님...감사염...^^
초보입니다. 스킨이 맘에 들어 적용시켰더니
Warning: include_once(../skin/board/jq_gall/list.skin.php) [function.include-once]: failed to open stream: No such file or directory in /host/home/kinjys/html/gnuboard4/bbs/list.php on line 168
Warning: include_once() [function.include]: Failed opening '../skin/board/jq_gall/list.skin.php' for inclusion (include_path='.:/usr/local/lib/php') in /host/home/kinjys/html/gnuboard4/bbs/list.php on line 168
이렇게 뜨네요. 알려주시면 감사합니다.
Warning: include_once(../skin/board/jq_gall/list.skin.php) [function.include-once]: failed to open stream: No such file or directory in /host/home/kinjys/html/gnuboard4/bbs/list.php on line 168
Warning: include_once() [function.include]: Failed opening '../skin/board/jq_gall/list.skin.php' for inclusion (include_path='.:/usr/local/lib/php') in /host/home/kinjys/html/gnuboard4/bbs/list.php on line 168
이렇게 뜨네요. 알려주시면 감사합니다.
음...이건 최신글인데염. latest폴더에 넣으셔야 합니다.
다른갤러리랑 메인에 같이쓰니까 오류나는군요 ㅠㅠ
감사합니다...^^
넘 감사합니닷
Warning: include_once(./lib/thumb.lib.php) [function.include-once]: failed to open stream: No such file or directory in /home/hosting_users/sove_fbook/www/skin/latest/s4_08/latest.skin.php on line 42
Warning: include_once() [function.include]: Failed opening './lib/thumb.lib.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/hosting_users/sove_fbook/www/skin/latest/s4_08/latest.skin.php on line 42
Fatal error: Call to undefined function thumbnail() in /home/hosting_users/sove_fbook/www/skin/latest/s4_08/latest.skin.php on line 203
꼭좀 알려주세요 이렇게 오류가 나는건 뭐때문인가요??
Warning: include_once() [function.include]: Failed opening './lib/thumb.lib.php' for inclusion (include_path='.:/usr/local/lib/php') in /home/hosting_users/sove_fbook/www/skin/latest/s4_08/latest.skin.php on line 42
Fatal error: Call to undefined function thumbnail() in /home/hosting_users/sove_fbook/www/skin/latest/s4_08/latest.skin.php on line 203
꼭좀 알려주세요 이렇게 오류가 나는건 뭐때문인가요??
thumb.lib.php 파일을 업로드 해놓겠습니다. lib폴더에 넣으세요. ^^
너무 감사합니다..^^ 친절한 디자이너씨~~
쇼핑몰에서 많이쓰는 그런 겔러리네요 ! 우왕 감사합니다
너무 좋으네요 감사합니다 (꾸벅)
저도 그누초보인데요 적용스키려고 gnuboard4/skin/board/s4_08폴더에 업로드 시켰습니다
그런데 댓글중 킨지님처럼 같은 현상이 뜨네요
Warning: include_once(../skin/board/s4_08/list.skin.php) [function.include-once]: failed to open stream: No such file or directory in /host/home3/pulhome/html/gnuboard4/bbs/list.php on line 168
Warning: include_once() [function.include]: Failed opening '../skin/board/s4_08/list.skin.php' for inclusion (include_path='.:/usr/local/lib/php') in /host/home3/pulhome/html/gnuboard4/bbs/list.php on line 168
이라고뜹니다 ㅠㅠ
왜이러는걸까요 다운받은 폴더에는요 list.skin.php 파일이 없던데요...
하찮은 초보에게 도움부탁드립니다 수고하세요 *^^*
저도 그누초보인데요 적용스키려고 gnuboard4/skin/board/s4_08폴더에 업로드 시켰습니다
그런데 댓글중 킨지님처럼 같은 현상이 뜨네요
Warning: include_once(../skin/board/s4_08/list.skin.php) [function.include-once]: failed to open stream: No such file or directory in /host/home3/pulhome/html/gnuboard4/bbs/list.php on line 168
Warning: include_once() [function.include]: Failed opening '../skin/board/s4_08/list.skin.php' for inclusion (include_path='.:/usr/local/lib/php') in /host/home3/pulhome/html/gnuboard4/bbs/list.php on line 168
이라고뜹니다 ㅠㅠ
왜이러는걸까요 다운받은 폴더에는요 list.skin.php 파일이 없던데요...
하찮은 초보에게 도움부탁드립니다 수고하세요 *^^*
이 스킨은 최신글입니다.
skin 폴더에 latest 폴더에 s4_08 로 업로드하셔야됩니다.
^^
skin 폴더에 latest 폴더에 s4_08 로 업로드하셔야됩니다.
^^
이미지를 중앙정렬 할수 있는 방법은 없을까요ㅠㅠ 초보라서요
테이블을 감싸서 align=center로 하시면 될듯합니다.
GIF 파일은 깨져서 나오는데 그거 안깨져서 는 안될까요?
감사합니다