안녕하세요.
그누보드 초보자 rakoos라고 합니다.
테스트를 하기 위해
현재 호스트계정 없이, 자체 localhost로 진행해 나가고 있습니다.
필요한 것들에 대해서 찾아보면서 잘못된 부분은 최대한 수정하고 있지만
이번 문제에 대해서는 정확한 답을 찾지 못했습니다..
-------------------------------------------------------------------------------
현재 제가 처한 문제입니다.
첨부한 사진을 보시면 사진에 달린 미리보기 글이 소스코드로 나와있습니다.
제가 단순히 글자만 타이핑하여 올렸을 때는 정상적으로 나오지만
이상하게 그림만 첨부하면 처런 코드가 나오네요;;
물론, 그림을 클릭하여 해당 게시판으로 들어가면
첨부한 사진과, 글이 정상적으로 나옵니다.
-------------------------------------------------------------------------------
어떤 이유에서 미리보기화면에 소스코드가 뜨는지 이유를 모르겠습니다. ㅠ
혹시, 알고계시다면
지식을 조금만이라도 나누어주셨으면 좋겠습니다.
부탁드립니다.^^
그누보드 초보자 rakoos라고 합니다.
테스트를 하기 위해
현재 호스트계정 없이, 자체 localhost로 진행해 나가고 있습니다.
필요한 것들에 대해서 찾아보면서 잘못된 부분은 최대한 수정하고 있지만
이번 문제에 대해서는 정확한 답을 찾지 못했습니다..
-------------------------------------------------------------------------------
현재 제가 처한 문제입니다.
첨부한 사진을 보시면 사진에 달린 미리보기 글이 소스코드로 나와있습니다.
제가 단순히 글자만 타이핑하여 올렸을 때는 정상적으로 나오지만
이상하게 그림만 첨부하면 처런 코드가 나오네요;;
물론, 그림을 클릭하여 해당 게시판으로 들어가면
첨부한 사진과, 글이 정상적으로 나옵니다.
-------------------------------------------------------------------------------
어떤 이유에서 미리보기화면에 소스코드가 뜨는지 이유를 모르겠습니다. ㅠ
혹시, 알고계시다면
지식을 조금만이라도 나누어주셨으면 좋겠습니다.
부탁드립니다.^^
댓글 8개
ohora님 안녕하세요.
말씀하신 스킨소스입니다.
내용출력 부분은 ctrl+f 후 '내용출력' 이라고 치시면 바로 나올 것 같습니다. ^^
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<!-- // jQuery 최신버전 로딩 : 다른 스킨에서 중복되는경우 삭제하세요. -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/mootools.svn.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/lofslidernews.mt11.js"></script>
<!-- // 불당썸 사용 : 다른 스킨에서 중복되는경우 삭제하세요. -->
<script language="JavaScript" src="<?="$g4[path]/js/b4.common.js"?>"></script>
<?
// 환경설정부분
$colorset = 'left'; // 슬라이드 위치 : left, right
$items_shuffle ='Y' ; // 게시글 순서섞기 : Y, N
$slide_delay = 5000; // 슬라이드 지연시간 1초 = 1000
$slide_auto = 'true'; // 자동슬라이드 사용 유무 : true, false
// 제목 폰트 설정
$show_title ='Y'; // 제목 출력 유무 : Y, N
$title_font_size = '13px'; //제목 폰트 크기 단위(px,em,%)를 포함해서 입력하세요.
$title_font_color = '#ffffff'; // 제목 폰트 컬러 RGB 컬러로 # 을 포함해야 합니다.
$title_font_family = "굴림,Arial,'Lucida Grande','Lucida Sans Unicode',sans-serif"; // 제목 폰트
$textT1_Height = 18; // 제목 높이 숫자만 입력하세요.
// 내용 폰트 설정
$show_content ='Y'; // 내용 출력 유무 : Y, N
$cutstr_content = 200; // 내용 글자 제한수
$content_font_size = '12px'; // 내용 폰트 크기 단위(px,em,%)를 포함해서 입력하세요.
$content_font_color = '#ffffff'; // 내용 폰트 컬러 RGB 컬러로 # 을 포함해야 합니다.
$content_font_family = "굴림,Arial,Helvetica,AppleGothic,Sans-serif"; // 내용폰트
$textC1_Height = 45; // 내용 높이 숫자만 입력하세요.
// 기본 썸네일 이미지 크기
$cols_list_count = 4; // 썸네일 갯수
$thumbnail_width = 100; // 썸네일 가로 넓이
$thumbnail_height = 80; // 썸네일 세로 높이
$slide_width = 400; // 슬라이드 이미지 넓이
$slide_height = 300; // 슬라이드 이미지 넓이
$navigation_size = 200; // 네비박스 넓이
$nav_height = (int)($slide_height/$cols_list_count);
$slide_height = ($nav_height*$cols_list_count);
$conText_height = $textT1_Height+$textC1_Height;
//불당썸---------------------------------------------------------------//
//언샾마스트 퀄리티(썸 노이즈바지)
$filter[type] = 99;
$filter[arg1] = 100;
$filter[arg2] = 1;
$filter[arg3] = 2;
$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb';
$no_img = $latest_skin_path."/img/no_img.gif";
// 불당썸을 include
include_once("$g4[path]/lib/thumb.lib.php");
//불당썸---------------------------------------------------------------//
// 멀티스킨 사용을 위해 변수 또는 ID 랜덤 지정
$skin_id = "LofNews_".mt_rand();
$slide_id = $skin_id;
?>
<style type="text/css">
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
}
img, fieldset {
border: 0;
}
/* reset iphone text adjust */
html {
-webkit-text-size-adjust: 100%;
}
.textT1_<?=$skin_id?>, .textT1_<?=$skin_id?> a, .textT1_<?=$skin_id?> a:visited {
color: <?=$title_font_color?>;
font-family: <?=$title_font_family?>;
font-size: <?=$title_font_size?>;
text-decoration: none;
line-height: normal;
text-align:left;
overflow:hidden;
<? if($show_title=='Y') { ?>display:block;<? } else { ?>display:none;<? } ?>
}
.textT1_<?=$skin_id?> a:hover, .textT1_<?=$skin_id?> a:focus {
text-decoration: underline;
}
.textC1_<?=$skin_id?>, .textC1_<?=$skin_id?> a, .textC1_<?=$skin_id?> a:visited {
text-align:justify;
color: <?=$content_font_color?>;
font-family: <?=$content_font_family?>;
font-size: <?=$content_font_size?>;
text-decoration: none;
font-weight: normal;
line-height: 130%;
height: <?=$textC1_Height?>px;
<? if($show_content=='Y') { ?>display:block;<? } else { ?>display:none;<? } ?>
}
.textC1_<?=$skin_id?> a:hover, .textC1_<?=$skin_id?> a:focus {
text-decoration: underline;
}
/* CSS Document */
.lof-slidecontent_<?=$skin_id?> {
position:relative;
overflow:hidden;
border:#F4F4F4 solid 1px;
width:<?=$slide_width+$navigation_size?>px; /* 전체 넓이 */
height:<?=$slide_height?>px; /* 전체 높이 */
}
.lof-slidecontent_<?=$skin_id?> .preload {
height:100%;
width:100%;
background:#FFF;
position:absolute;
top:0;
left:0;
z-index:100000;
text-align:center
}
.lof-slidecontent_<?=$skin_id?> .preload div {
height:100%;
width:100%;
background:transparent url('<?=$latest_skin_path?>/images/load-indicator.gif') no-repeat scroll 50% 50%;
}
/* main flash */
.lof-slidecontent_<?=$skin_id?> .lof-main-wapper {
margin-right:auto;
overflow:hidden;
background:transparent url('<?=$latest_skin_path?>/images/load-indicator.gif') no-repeat scroll 50% 50%;
padding:0px;
height:<?=$slide_height?>px;
width:<?=$slide_width?>px; /* 슬라이드 이미지 넓이 */
position:relative;
overflow:hidden;
}
.lof-slidecontent_<?=$skin_id?> .lof-main-wapper .lof-main-item_<?=$skin_id?> {
overflow:hidden;
padding:0px;
margin:0px;
height:100%;
width:100%;
position:absolute;
}
.lof-slidecontent_<?=$skin_id?> .lof-main-wapper .lof-main-item_<?=$skin_id?> img {
padding:0px;
width:<?=$slide_width?>px; /* 슬라이드 이미지 넓이 */
}
.lof-slidecontent_<?=$skin_id?> .lof-main-item-desc{
z-index:100;
position:absolute;
bottom:0px;
left:0px;
padding: 5px 15px;
width:<?=$slide_width?>px; /* 캡션박스 넓이 */
height:<?=$conText_height?>px;
background:url('<?=$latest_skin_path?>/images/transparent_bg.png');
}
.lof-slidecontent_<?=$skin_id?> .lof-main-item-desc .lof-content {
padding:0;
margin:8px 0px;
width:<?=$slide_width-30?>px;
}
/* item navigator */
.lof-slidecontent_<?=$skin_id?> ul.lof-navigator {
top:<? if($colorset=="right") echo "-100px"; else echo "0px"; ?>;
padding:0;
margin:0;
position:absolute;
width:100%;
}
.lof-slidecontent_<?=$skin_id?> ul.lof-navigator li {
cursor:pointer;
list-style:none;
width:100%;
padding:0;
margin:0;
overflow:hidden;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator-outer {
position:absolute;
right:0;
top:0px;
z-index:100;
height:<?=$slide_height?>px; /* 왼쪽 썸네일 박스 높이 */
width:<?=$navigation_size+18?>px; /* 왼쪽 썸네일 박스 넓이 */
overflow:hidden;
color:#FFF
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li.active {
background:url('<?=$latest_skin_path?>/images/arrow-bg.png') no-repeat scroll left center;
color:#FFF
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li:hover {
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li h3 {
padding:10px 0 0 !important; /* 여백 */
margin:0;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li div {
background:url('<?=$latest_skin_path?>/images/transparent_bg.png');
color:#FFF;
height:100%;
position:relative;
margin-left:18px; /* 화살표넓이 */
padding-left:10px;
border-top:1px solid #E1E1E1;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li.active div {
background:url('<?=$latest_skin_path?>/images/grad-bg.gif');
color:#FFF;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li div a {
color:#FFF;
text-decoration: none;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li div a:hover {
color:#FFF;
text-decoration:underline;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li img {
float:left;
height:<?=$nav_height-18?>px;
width:<?=$thumbnail_width?>px;
margin:5px 10px 5px 0px;
padding:3px;
border:#C5C5C5 solid 1px;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li.active img {
border:##6C8E5C solid 1px;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li h3 a {
text-decoration: none;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li h3 a:hover {
text-decoration:underline;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li.active h3 {
color:#FFF;
}
.lof-slidecontent_<?=$skin_id?> .lof-next {
position:absolute;
top:0;
height:30px;
background:#F9F9F9;
display:block;
width:100%;
}
.lof-slidecontent_<?=$skin_id?> .lof-previous {
position:absolute;
bottom:0;
height:30px;
background:#F9F9F9;
display:block;
width:100%;
}
<? if($colorset=="right") { ?>
.lof-snleft_<?=$skin_id?> .lof-main-wapper {
margin-left:<?=$navigation_size?>px;
margin-right:inherit;
clear:both;
height:<?=$slide_height?>px; /* 높이 */
}
.lof-snleft_<?=$skin_id?> .lof-navigator-outer {
left:0;
top:0;
right:inherit;
}
.lof-snleft_<?=$skin_id?> .lof-navigator li.active {
background:url('<?=$latest_skin_path?>/images/arrow-bg2.gif') center right no-repeat;
}
.lof-snleft_<?=$skin_id?> .lof-navigator li div {
margin-left:inherit;
margin-right:18px;
}
.lof-snleft_<?=$skin_id?> .lof-navigator li.active div {
margin-left:inherit;
margin-right:18px;
background:url('<?=$latest_skin_path?>/images/grad-bg2.gif');
}
<? } ?>
</style>
<?
if($items_shuffle=='Y') shuffle($list);
?>
<!--// 내용출력 -->
<div id="<?=$slide_id?>" class="lof-slidecontent_<?=$skin_id?> lof-snleft_<?=$skin_id?>">
<div class="preload" style="visibility: hidden; zoom: 1; opacity: 0; "><div></div></div>
<div class="lof-main-wapper">
<?php
for ($i=0; $i<count($list); $i++)
{
//변수값 사용방법 $list[$i][file][0][image_width]
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
if (preg_match("/\.(jpg|gif|png|jpeg|bmp)$/i", $file) && file_exists($file)) { // 업로드된 파일이 이미지라면
$slider = thumbnail($file, $slide_width, $slide_height, 0, 1, 90, 1, "", $filter, $no_img);
} 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]; // 파일명
$slider = thumbnail($file, $slide_width, $slide_height, 0, 1, 90, 0, "", $filter, $noimg);
}
}
?>
<div class="lof-main-item_<?=$skin_id?>" style="display: block; visibility: visible; zoom: 1; opacity: 0.998621875; ">
<?
if (preg_match("/\.(jpg|gif|png|bmp)$/i", $slider) && file_exists($slider))
{
?>
<img src="<?=$slider?>" title='<?=$list[$i]['wr_subject']?>' height="<?=$slide_height?>px" width="<?=$slide_width?>px">
<? } ?>
<?php if($show_content=='Y') {?>
<div class="lof-main-item-desc">
<?php if($show_content=='Y'&&$list[$i]['wr_content']!='') {?>
<div class="lof-content textC1_<?=$skin_id?>"><a href="<?=$list[$i][href]?>"><?=conv_subject($list[$i]['wr_content'], $cutstr_content,"...");?></a></div><? } ?>
</div><? } ?>
</div>
<?php
}
?>
</div>
<div class="lof-navigator-outer">
<ul class="lof-navigator">
<?php
for ($i=0; $i<count($list); $i++)
{
//변수값 사용방법 $list[$i][file][0][image_width]
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
if (preg_match("/\.(jpg|gif|png|jpeg|bmp)$/i", $file) && file_exists($file)) { // 업로드된 파일이 이미지라면
$thumbnail = thumbnail($file, $thumbnail_width, $thumbnail_height, 0, 1, 90, 1, "", $filter, $no_img); //첨부파일 언샾마스크추가
} 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]; // 파일명
$thumbnail=thumbnail($file, $thumbnail_width, $thumbnail_height, 0, 1, 90, 1, "", $filter, $noimg);
}
}
?>
<li style="height: <?=$thumbnail_height+26?>px;">
<div>
<img src="<?=$thumbnail?>" width="<?=$thumbnail_width?>" height="<?=$thumbnail_height?>" />
</a>
<h3 class="textT1_<?=$skin_id?>"><?=$list[$i]['wr_subject']?></h3>
</div>
</li>
<?php
}
?>
</ul>
</div>
</div>
<script type="text/javascript">
var _lofmain = $('<?=$slide_id?>');
var _lofscmain = _lofmain.getElement('.lof-main-wapper');
var _lofnavigator = _lofmain.getElement('.lof-navigator-outer .lof-navigator');
var object = new LofFlashContent(
_lofscmain, _lofnavigator, _lofmain.getElement('.lof-navigator-outer'), {
fxObject : {transition:Fx.Transitions.Quad.easeInOut, duration:800},
interval : <?=$slide_delay?>,
direction : 'opacity',
mainItemSelector: 'div.lof-main-item_<?=$skin_id?>',
autoStart : <?=$slide_auto?>,
auto : <?=$slide_auto?>,
navItemsDisplay : <?=$cols_list_count?>,
startItem : 0,
navItemHeight : <?=$nav_height?>
});
object.start( true, _lofmain.getElement('.preload') );
</script>
말씀하신 스킨소스입니다.
내용출력 부분은 ctrl+f 후 '내용출력' 이라고 치시면 바로 나올 것 같습니다. ^^
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<!-- // jQuery 최신버전 로딩 : 다른 스킨에서 중복되는경우 삭제하세요. -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/mootools.svn.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/lofslidernews.mt11.js"></script>
<!-- // 불당썸 사용 : 다른 스킨에서 중복되는경우 삭제하세요. -->
<script language="JavaScript" src="<?="$g4[path]/js/b4.common.js"?>"></script>
<?
// 환경설정부분
$colorset = 'left'; // 슬라이드 위치 : left, right
$items_shuffle ='Y' ; // 게시글 순서섞기 : Y, N
$slide_delay = 5000; // 슬라이드 지연시간 1초 = 1000
$slide_auto = 'true'; // 자동슬라이드 사용 유무 : true, false
// 제목 폰트 설정
$show_title ='Y'; // 제목 출력 유무 : Y, N
$title_font_size = '13px'; //제목 폰트 크기 단위(px,em,%)를 포함해서 입력하세요.
$title_font_color = '#ffffff'; // 제목 폰트 컬러 RGB 컬러로 # 을 포함해야 합니다.
$title_font_family = "굴림,Arial,'Lucida Grande','Lucida Sans Unicode',sans-serif"; // 제목 폰트
$textT1_Height = 18; // 제목 높이 숫자만 입력하세요.
// 내용 폰트 설정
$show_content ='Y'; // 내용 출력 유무 : Y, N
$cutstr_content = 200; // 내용 글자 제한수
$content_font_size = '12px'; // 내용 폰트 크기 단위(px,em,%)를 포함해서 입력하세요.
$content_font_color = '#ffffff'; // 내용 폰트 컬러 RGB 컬러로 # 을 포함해야 합니다.
$content_font_family = "굴림,Arial,Helvetica,AppleGothic,Sans-serif"; // 내용폰트
$textC1_Height = 45; // 내용 높이 숫자만 입력하세요.
// 기본 썸네일 이미지 크기
$cols_list_count = 4; // 썸네일 갯수
$thumbnail_width = 100; // 썸네일 가로 넓이
$thumbnail_height = 80; // 썸네일 세로 높이
$slide_width = 400; // 슬라이드 이미지 넓이
$slide_height = 300; // 슬라이드 이미지 넓이
$navigation_size = 200; // 네비박스 넓이
$nav_height = (int)($slide_height/$cols_list_count);
$slide_height = ($nav_height*$cols_list_count);
$conText_height = $textT1_Height+$textC1_Height;
//불당썸---------------------------------------------------------------//
//언샾마스트 퀄리티(썸 노이즈바지)
$filter[type] = 99;
$filter[arg1] = 100;
$filter[arg2] = 1;
$filter[arg3] = 2;
$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/thumb';
$no_img = $latest_skin_path."/img/no_img.gif";
// 불당썸을 include
include_once("$g4[path]/lib/thumb.lib.php");
//불당썸---------------------------------------------------------------//
// 멀티스킨 사용을 위해 변수 또는 ID 랜덤 지정
$skin_id = "LofNews_".mt_rand();
$slide_id = $skin_id;
?>
<style type="text/css">
/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
margin: 0;
padding: 0;
}
img, fieldset {
border: 0;
}
/* reset iphone text adjust */
html {
-webkit-text-size-adjust: 100%;
}
.textT1_<?=$skin_id?>, .textT1_<?=$skin_id?> a, .textT1_<?=$skin_id?> a:visited {
color: <?=$title_font_color?>;
font-family: <?=$title_font_family?>;
font-size: <?=$title_font_size?>;
text-decoration: none;
line-height: normal;
text-align:left;
overflow:hidden;
<? if($show_title=='Y') { ?>display:block;<? } else { ?>display:none;<? } ?>
}
.textT1_<?=$skin_id?> a:hover, .textT1_<?=$skin_id?> a:focus {
text-decoration: underline;
}
.textC1_<?=$skin_id?>, .textC1_<?=$skin_id?> a, .textC1_<?=$skin_id?> a:visited {
text-align:justify;
color: <?=$content_font_color?>;
font-family: <?=$content_font_family?>;
font-size: <?=$content_font_size?>;
text-decoration: none;
font-weight: normal;
line-height: 130%;
height: <?=$textC1_Height?>px;
<? if($show_content=='Y') { ?>display:block;<? } else { ?>display:none;<? } ?>
}
.textC1_<?=$skin_id?> a:hover, .textC1_<?=$skin_id?> a:focus {
text-decoration: underline;
}
/* CSS Document */
.lof-slidecontent_<?=$skin_id?> {
position:relative;
overflow:hidden;
border:#F4F4F4 solid 1px;
width:<?=$slide_width+$navigation_size?>px; /* 전체 넓이 */
height:<?=$slide_height?>px; /* 전체 높이 */
}
.lof-slidecontent_<?=$skin_id?> .preload {
height:100%;
width:100%;
background:#FFF;
position:absolute;
top:0;
left:0;
z-index:100000;
text-align:center
}
.lof-slidecontent_<?=$skin_id?> .preload div {
height:100%;
width:100%;
background:transparent url('<?=$latest_skin_path?>/images/load-indicator.gif') no-repeat scroll 50% 50%;
}
/* main flash */
.lof-slidecontent_<?=$skin_id?> .lof-main-wapper {
margin-right:auto;
overflow:hidden;
background:transparent url('<?=$latest_skin_path?>/images/load-indicator.gif') no-repeat scroll 50% 50%;
padding:0px;
height:<?=$slide_height?>px;
width:<?=$slide_width?>px; /* 슬라이드 이미지 넓이 */
position:relative;
overflow:hidden;
}
.lof-slidecontent_<?=$skin_id?> .lof-main-wapper .lof-main-item_<?=$skin_id?> {
overflow:hidden;
padding:0px;
margin:0px;
height:100%;
width:100%;
position:absolute;
}
.lof-slidecontent_<?=$skin_id?> .lof-main-wapper .lof-main-item_<?=$skin_id?> img {
padding:0px;
width:<?=$slide_width?>px; /* 슬라이드 이미지 넓이 */
}
.lof-slidecontent_<?=$skin_id?> .lof-main-item-desc{
z-index:100;
position:absolute;
bottom:0px;
left:0px;
padding: 5px 15px;
width:<?=$slide_width?>px; /* 캡션박스 넓이 */
height:<?=$conText_height?>px;
background:url('<?=$latest_skin_path?>/images/transparent_bg.png');
}
.lof-slidecontent_<?=$skin_id?> .lof-main-item-desc .lof-content {
padding:0;
margin:8px 0px;
width:<?=$slide_width-30?>px;
}
/* item navigator */
.lof-slidecontent_<?=$skin_id?> ul.lof-navigator {
top:<? if($colorset=="right") echo "-100px"; else echo "0px"; ?>;
padding:0;
margin:0;
position:absolute;
width:100%;
}
.lof-slidecontent_<?=$skin_id?> ul.lof-navigator li {
cursor:pointer;
list-style:none;
width:100%;
padding:0;
margin:0;
overflow:hidden;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator-outer {
position:absolute;
right:0;
top:0px;
z-index:100;
height:<?=$slide_height?>px; /* 왼쪽 썸네일 박스 높이 */
width:<?=$navigation_size+18?>px; /* 왼쪽 썸네일 박스 넓이 */
overflow:hidden;
color:#FFF
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li.active {
background:url('<?=$latest_skin_path?>/images/arrow-bg.png') no-repeat scroll left center;
color:#FFF
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li:hover {
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li h3 {
padding:10px 0 0 !important; /* 여백 */
margin:0;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li div {
background:url('<?=$latest_skin_path?>/images/transparent_bg.png');
color:#FFF;
height:100%;
position:relative;
margin-left:18px; /* 화살표넓이 */
padding-left:10px;
border-top:1px solid #E1E1E1;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li.active div {
background:url('<?=$latest_skin_path?>/images/grad-bg.gif');
color:#FFF;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li div a {
color:#FFF;
text-decoration: none;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li div a:hover {
color:#FFF;
text-decoration:underline;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li img {
float:left;
height:<?=$nav_height-18?>px;
width:<?=$thumbnail_width?>px;
margin:5px 10px 5px 0px;
padding:3px;
border:#C5C5C5 solid 1px;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li.active img {
border:##6C8E5C solid 1px;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li h3 a {
text-decoration: none;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li h3 a:hover {
text-decoration:underline;
}
.lof-slidecontent_<?=$skin_id?> .lof-navigator li.active h3 {
color:#FFF;
}
.lof-slidecontent_<?=$skin_id?> .lof-next {
position:absolute;
top:0;
height:30px;
background:#F9F9F9;
display:block;
width:100%;
}
.lof-slidecontent_<?=$skin_id?> .lof-previous {
position:absolute;
bottom:0;
height:30px;
background:#F9F9F9;
display:block;
width:100%;
}
<? if($colorset=="right") { ?>
.lof-snleft_<?=$skin_id?> .lof-main-wapper {
margin-left:<?=$navigation_size?>px;
margin-right:inherit;
clear:both;
height:<?=$slide_height?>px; /* 높이 */
}
.lof-snleft_<?=$skin_id?> .lof-navigator-outer {
left:0;
top:0;
right:inherit;
}
.lof-snleft_<?=$skin_id?> .lof-navigator li.active {
background:url('<?=$latest_skin_path?>/images/arrow-bg2.gif') center right no-repeat;
}
.lof-snleft_<?=$skin_id?> .lof-navigator li div {
margin-left:inherit;
margin-right:18px;
}
.lof-snleft_<?=$skin_id?> .lof-navigator li.active div {
margin-left:inherit;
margin-right:18px;
background:url('<?=$latest_skin_path?>/images/grad-bg2.gif');
}
<? } ?>
</style>
<?
if($items_shuffle=='Y') shuffle($list);
?>
<!--// 내용출력 -->
<div id="<?=$slide_id?>" class="lof-slidecontent_<?=$skin_id?> lof-snleft_<?=$skin_id?>">
<div class="preload" style="visibility: hidden; zoom: 1; opacity: 0; "><div></div></div>
<div class="lof-main-wapper">
<?php
for ($i=0; $i<count($list); $i++)
{
//변수값 사용방법 $list[$i][file][0][image_width]
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
if (preg_match("/\.(jpg|gif|png|jpeg|bmp)$/i", $file) && file_exists($file)) { // 업로드된 파일이 이미지라면
$slider = thumbnail($file, $slide_width, $slide_height, 0, 1, 90, 1, "", $filter, $no_img);
} 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]; // 파일명
$slider = thumbnail($file, $slide_width, $slide_height, 0, 1, 90, 0, "", $filter, $noimg);
}
}
?>
<div class="lof-main-item_<?=$skin_id?>" style="display: block; visibility: visible; zoom: 1; opacity: 0.998621875; ">
<?
if (preg_match("/\.(jpg|gif|png|bmp)$/i", $slider) && file_exists($slider))
{
?>
<img src="<?=$slider?>" title='<?=$list[$i]['wr_subject']?>' height="<?=$slide_height?>px" width="<?=$slide_width?>px">
<? } ?>
<?php if($show_content=='Y') {?>
<div class="lof-main-item-desc">
<?php if($show_content=='Y'&&$list[$i]['wr_content']!='') {?>
<div class="lof-content textC1_<?=$skin_id?>"><a href="<?=$list[$i][href]?>"><?=conv_subject($list[$i]['wr_content'], $cutstr_content,"...");?></a></div><? } ?>
</div><? } ?>
</div>
<?php
}
?>
</div>
<div class="lof-navigator-outer">
<ul class="lof-navigator">
<?php
for ($i=0; $i<count($list); $i++)
{
//변수값 사용방법 $list[$i][file][0][image_width]
$file = $list[$i][file][0][path] .'/'. $list[$i][file][0][file];
if (preg_match("/\.(jpg|gif|png|jpeg|bmp)$/i", $file) && file_exists($file)) { // 업로드된 파일이 이미지라면
$thumbnail = thumbnail($file, $thumbnail_width, $thumbnail_height, 0, 1, 90, 1, "", $filter, $no_img); //첨부파일 언샾마스크추가
} 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]; // 파일명
$thumbnail=thumbnail($file, $thumbnail_width, $thumbnail_height, 0, 1, 90, 1, "", $filter, $noimg);
}
}
?>
<li style="height: <?=$thumbnail_height+26?>px;">
<div>
<img src="<?=$thumbnail?>" width="<?=$thumbnail_width?>" height="<?=$thumbnail_height?>" />
</a>
<h3 class="textT1_<?=$skin_id?>"><?=$list[$i]['wr_subject']?></h3>
</div>
</li>
<?php
}
?>
</ul>
</div>
</div>
<script type="text/javascript">
var _lofmain = $('<?=$slide_id?>');
var _lofscmain = _lofmain.getElement('.lof-main-wapper');
var _lofnavigator = _lofmain.getElement('.lof-navigator-outer .lof-navigator');
var object = new LofFlashContent(
_lofscmain, _lofnavigator, _lofmain.getElement('.lof-navigator-outer'), {
fxObject : {transition:Fx.Transitions.Quad.easeInOut, duration:800},
interval : <?=$slide_delay?>,
direction : 'opacity',
mainItemSelector: 'div.lof-main-item_<?=$skin_id?>',
autoStart : <?=$slide_auto?>,
auto : <?=$slide_auto?>,
navItemsDisplay : <?=$cols_list_count?>,
startItem : 0,
navItemHeight : <?=$nav_height?>
});
object.start( true, _lofmain.getElement('.preload') );
</script>
<?php if($show_content=='Y') {?>
<div class="lof-main-item-desc">
<?php if($show_content=='Y'&&$list[$i]['wr_content']!='') {?>
<div class="lof-content textC1_<?=$skin_id?>"><a href="<?=$list[$i][href]?>"><?=strip_tags($list[$i]['wr_content']);?></a></div><? } ?>
</div><? } ?>
</div>
<div class="lof-main-item-desc">
<?php if($show_content=='Y'&&$list[$i]['wr_content']!='') {?>
<div class="lof-content textC1_<?=$skin_id?>"><a href="<?=$list[$i][href]?>"><?=strip_tags($list[$i]['wr_content']);?></a></div><? } ?>
</div><? } ?>
</div>
게시글 목록
| 번호 | 제목 |
|---|---|
| 284348 | |
| 284336 | |
| 284333 | |
| 284332 | |
| 284320 | |
| 284318 | |
| 284316 | |
| 284313 | |
| 284307 | |
| 284306 | |
| 284303 | |
| 284298 | |
| 284296 | |
| 284290 | |
| 284286 | |
| 284280 | |
| 284277 | |
| 284272 | |
| 284261 | |
| 284259 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기