문의드립니다.
관련링크
본문
그림과 같이 썸네일 하단에 모든 넘버를 표시하고싶습니다.
현제는 클릭시 상단에만 넘버가나오는데요
어떻게 처리해야할지 모르겠습니다.
<?
// 파일 출력
foreach($view['file'] as $file) {
if(!empty($file['file'])) {
?>
<li onclick="imageItemSelect(this);">
<img src="<?=$file['path'].'/'.$file['file']?>" alt="<?=$file['content']?>" />
</li>
<?
}
}
?>
여기 li부분에 <div class="ei-gallery-content"></div>을 추가해주면 각각의 넘버가 나오는것이 아니고 현재는
동일한 넘버가 나오네요 ㅠㅠ
아래는 소스view 페이지 소스입니다.
--------------------------------------------------------------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<!--<div style="height:12px; line-height:1px; font-size:1px;"> </div> -->
<div style="position:relative; float:left; display:inline;">
<!-- 게시글 보기 시작 -->
<table width="<?=$width?>" align="center" cellpadding="0" cellspacing="0"><tr><td>
<!--<div style="clear:both; height:30px;">
<div style="float:left; margin-top:6px;">
<img src="<?=$board_skin_path?>/img/icon_date.gif" align=absmiddle border='0'>
<span style="color:#888888;">작성일 : <?=date("y-m-d H:i", strtotime($view[wr_datetime]))?></span>
</div> -->
<!-- 링크 버튼 -->
<!-- <div style="float:right;">
<?
ob_start();
?>
<? if ($copy_href) { echo "<a href=\"$copy_href\"><img src='$board_skin_path/img/btn_copy.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($move_href) { echo "<a href=\"$move_href\"><img src='$board_skin_path/img/btn_move.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($search_href) { echo "<a href=\"$search_href\"><img src='$board_skin_path/img/btn_list_search.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($admin_href) { echo "<a href=\"$list_href\"><img src='$board_skin_path/img/btn_list.gif' border='0' align='absmiddle'></a> "; }?>
<? if ($update_href) { echo "<a href=\"$update_href\"><img src='$board_skin_path/img/btn_modify.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($delete_href) { echo "<a href=\"$delete_href\"><img src='$board_skin_path/img/btn_delete.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($reply_href) { echo "<a href=\"$reply_href\"><img src='$board_skin_path/img/btn_reply.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($write_href) { echo "<a href=\"$write_href\"><img src='$board_skin_path/img/btn_write.gif' border='0' align='absmiddle'></a> "; } ?>
<?
$link_buttons = ob_get_contents();
ob_end_flush();
?>
</div> -->
</div>
<!--<div style="border:1px solid #ddd; clear:both; height:34px; background:url(<?=$board_skin_path?>/img/title_bg.gif) repeat-x;">
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td style="padding:8px 0 0 10px;">
<div style="color:#505050; font-size:13px; font-weight:bold; word-break:break-all;">
<? if ($is_category) { echo ($category_name ? "[$view[ca_name]] " : ""); } ?>
<?=cut_hangul_last(get_text($view[wr_subject]))?>
</div>
</td>
<td align="right" style="padding:6px 6px 0 0;" width=120>
<? if ($scrap_href) { echo "<a href=\"javascript:;\" onclick=\"win_scrap('$scrap_href');\"><img src='$board_skin_path/img/btn_scrap.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($trackback_url) { ?><a href="javascript:trackback_send_server('<?=$trackback_url?>');" style="letter-spacing:0;" title='주소 복사'><img src="<?=$board_skin_path?>/img/btn_trackback.gif" border='0' align="absmiddle"></a><?}?>
</td>
</tr>
</table>
</div>
<div style="height:3px; background:url(<?=$board_skin_path?>/img/title_shadow.gif) repeat-x; line-height:1px; font-size:1px;"></div> -->
<div style="float:right;">
<!-- <img src="<?=$board_skin_path?>/img/icon_total.gif" align="absmiddle" border='0'>
<span style="color:#888888; font-weight:bold;">Total <?=number_format($total_count)?></span> -->
<? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/btn_rss.gif' border='0' align="absmiddle"></a><?}?>
<? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" border='0' title="관리자" align="absmiddle"></a><?}?>
</div>
<span id="writeContents"><?=$view[content];?></span>
<table border=0 cellpadding=0 cellspacing=0 width=<?=$width?>>
<!--<tr>
<td height=30 background="<?=$board_skin_path?>/img/view_dot.gif" style="color:#888;">
<div style="float:left;">
글쓴이 :
<?=$view[name]?><? if ($is_ip_view) { echo " ($ip)"; } ?>
</div>
<div style="float:right;">
<img src="<?=$board_skin_path?>/img/icon_view.gif" border='0' align=absmiddle> 조회 : <?=number_format($view[wr_hit])?>
<? if ($is_good) { ?> <img src="<?=$board_skin_path?>/img/icon_good.gif" border='0' align=absmiddle> 추천 : <?=number_format($view[wr_good])?><? } ?>
<? if ($is_nogood) { ?> <img src="<?=$board_skin_path?>/img/icon_nogood.gif" border='0' align=absmiddle> 비추천 : <?=number_format($view[wr_nogood])?><? } ?>
</div>
</td>
</tr> -->
<?
// 가변 파일
$cnt = 0;
for ($i=0; $i<count($view[file]); $i++) {
if ($view[file][$i][source] && !$view[file][$i][view]) {
$cnt++;
echo "<tr><td height=30 background=\"$board_skin_path/img/view_dot.gif\">";
echo " <img src='{$board_skin_path}/img/icon_file.gif' align=absmiddle border='0'>";
echo "<a href=\"javascript:file_download('{$view[file][$i][href]}', '{$view[file][$i][source]}');\" title='{$view[file][$i][content]}'>";
echo " <span style=\"color:#888;\">{$view[file][$i][source]} ({$view[file][$i][size]})</span>";
echo " <span style=\"color:#ff6600; font-size:11px;\">[{$view[file][$i][download]}]</span>";
echo " <span style=\"color:#d3d3d3; font-size:11px;\">DATE : {$view[file][$i][datetime]}</span>";
echo "</a></td></tr>";
}
}
// 링크
$cnt = 0;
for ($i=1; $i<=$g4[link_count]; $i++) {
if ($view[link][$i]) {
$cnt++;
$link = cut_str($view[link][$i], 70);
echo "<tr><td height=30 background=\"$board_skin_path/img/view_dot.gif\">";
echo " <img src='{$board_skin_path}/img/icon_link.gif' align=absmiddle border='0'>";
echo "<a href='{$view[link_href][$i]}' target=_blank>";
echo " <span style=\"color:#888;\">{$link}</span>";
echo " <span style=\"color:#ff6600; font-size:11px;\">[{$view[link_hit][$i]}]</span>";
echo "</a></td></tr>";
}
}
?>
<tr>
<td height="150" style="word-break:break-all; padding:10px;">
<?php /** 갤러리 시작 **/ ?>
<style type="text/css">
.ei-gallery-frame { float:left; display:inline; width:100%; overflow:hidden; }
.ei-gallery-frame .ei-gallery-view { width:800px; height:164px; overflow:hidden; float:left; display:inline; font-size:14px; font-weight:bold; }
.ei-gallery-frame .ei-gallery-view .ei-gallery-image { width:447px; height:118px; }
.ei-gallery-frame .ei-gallery-list-frame { clear:both; margin-left:-20px; width:470px; }
.ei-gallery-frame .ei-gallery-list-frame ul.ei-gallery-list { padding:0; margin:0; list-style:none; }
.ei-gallery-frame .ei-gallery-list-frame ul.ei-gallery-list li { padding:0; margin:10px 0 0 20px; }
.ei-gallery-frame .ei-gallery-list-frame ul.ei-gallery-list li { float:left; display:inline; width:211px; height:67px; cursor:pointer; }
.ei-gallery-frame .ei-gallery-list-frame ul.ei-gallery-list li img { width:211px; height:57px; }
.ei-gallery-frame .ei-info-frame { float:left; display:inline; margin-top:80px;}
.ei-gallery-frame .ei-content { float:left; display:inline; margin:15px 0 0 30px; }
</style>
<script type="text/javascript">
function imageItemSelect(target) {
target = $(target);
$('.ei-gallery-frame>.ei-gallery-view>.ei-gallery-image').attr('src', target.find('>img').attr('src'));
//검색에 '+' 가 들어가면 안되므로 임의로 '+' 를 넣어줌 설명 작성할때 빼야함.
$('.ei-gallery-frame>.ei-gallery-view>.ei-gallery-content').html('+ ' + target.find('>img').attr('alt'));
//iframe keyword 변경 -> 파일 설명으로 검색
$('#preview').attr('src', '/thumblist.php?bo_table=gallery1&keyword=' + target.find('>img').attr('alt'));
}
$(function() {
imageItemSelect('.ei-gallery-frame>.ei-gallery-list-frame>.ei-gallery-list>li:first');
});
</script>
<div class="ei-gallery-frame">
<div class="ei-gallery-view">
<img class="ei-gallery-image" src="" />
<div class="ei-gallery-content"></div>
</div>
<div class="ei-info-frame">
<span style=" color:#FF0000;">+</span> 아래작은이미지를 클릭하시면 큰이미지를 보실수 있습니다.
</div>
<div class="ei-gallery-list-frame">
<ul class="ei-gallery-list">
<?
// 파일 출력
foreach($view['file'] as $file) {
if(!empty($file['file'])) {
?>
<li onclick="imageItemSelect(this);">
<img src="<?=$file['path'].'/'.$file['file']?>" alt="<?=$file['content']?>" />
</li>
<?
}
}
?>
</ul>
</div>
<div style=" position: absolute ; z-index:30; margin-left:470px; background-color: #03C;width:423px; height:914px; margin-top:-260px;">
<iframe scrolling="no" frameborder="0" width="423px" height="914px" marginwidth="0" id="preview" marginheight="0"></iframe>
</div>
<div style=" position: relative ; width:423px; height:914px; margin-top:-260px;"></div>
<!-- <div class="ei-content">
<?=$view['content'];?>
</div> -->
<?php /** 갤러리 끝 **/ ?>
<!-- 내용 출력 -->
<div style="position:relative; clear:both; width:50px; height:30px;"></div>
<?//echo $view[rich_content]; // view_image($view, '0', '') 과 같은 코드를 사용할 경우?>
<!-- 테러 태그 방지용 --></xml></xmp><a href=""></a><a href=''></a>
<? if ($nogood_href) {?>
<div style="width:72px; height:55px; background:url(<?=$board_skin_path?>/img/good_bg.gif) no-repeat; text-align:center; float:right;">
<div style="color:#888; margin:7px 0 5px 0;">비추천 : <?=number_format($view[wr_nogood])?></div>
<div><a href="<?=$nogood_href?>" target="hiddenframe"><img src="<?=$board_skin_path?>/img/icon_nogood.gif" border='0' align="absmiddle"></a></div>
</div>
<? } ?>
<? if ($good_href) {?>
<div style="width:72px; height:55px; background:url(<?=$board_skin_path?>/img/good_bg.gif) no-repeat; text-align:center; float:right;">
<div style="color:#888; margin:7px 0 5px 0;"><span style='color:crimson;'>추천 : <?=number_format($view[wr_good])?></span></div>
<div><a href="<?=$good_href?>" target="hiddenframe"><img src="<?=$board_skin_path?>/img/icon_good.gif" border='0' align="absmiddle"></a></div>
</div>
<? } ?>
</td>
</tr>
<? if ($is_signature) { echo "<tr><td align='center' style='border-bottom:1px solid #E7E7E7; padding:5px 0;'>$signature</td></tr>"; } // 서명 출력 ?>
</table>
<br>
<div style="height:1px; line-height:1px; font-size:1px; background-color:#ddd; clear:both;"> </div>
<div style="clear:both; height:43px;">
<!-- <div style="float:left; margin-top:10px;">
<? if ($prev_href) { echo "<a href=\"$prev_href\" title=\"$prev_wr_subject\"><img src='$board_skin_path/img/btn_prev.gif' border='0' align='absmiddle'></a> "; } ?>
<? if ($next_href) { echo "<a href=\"$next_href\" title=\"$next_wr_subject\"><img src='$board_skin_path/img/btn_next.gif' border='0' align='absmiddle'></a> "; } ?>
</div> -->
<!-- 링크 버튼 -->
<div style="float:right; margin-top:10px;">
<?=$link_buttons?>
</div>
</div>
<div style="height:2px; line-height:1px; font-size:1px; clear:both;"> </div>
</td></tr></table><br>
</div>
<script type="text/javascript">
function file_download(link, file) {
<? if ($board[bo_download_point] < 0) { ?>if (confirm("'"+file+"' 파일을 다운로드 하시면 포인트가 차감(<?=number_format($board[bo_download_point])?>점)됩니다.\n\n포인트는 게시물당 한번만 차감되며 다음에 다시 다운로드 하셔도 중복하여 차감하지 않습니다.\n\n그래도 다운로드 하시겠습니까?"))<?}?>
document.location.href=link;
}
</script>
<script type="text/javascript" src="<?="$g4[path]/js/board.js"?>"></script>
<script type="text/javascript">
window.onload=function() {
resizeBoardImage(<?=(int)$board[bo_image_width]?>);
drawFont();
}
</script>
<!-- 게시글 보기 끝 -->
답변 1
작은 이미지 부분에 <?=$file['content']?> 이걸 넣어보세요.
<img src="<?=$file['path'].'/'.$file['file']?>" alt="<?=$file['content']?>" /><br><?=$file['content']?>
작은별님 감사합니다. 잘해결됬습니다.
