갤러리게시판 설명페이지를 썸네일로 작업시...
본문
안녕하세요.
여러 고수님들 도움으로 갤러리게시판 작업을 하고 있습니다.
근데, 아무리해도 안풀리는곳이 있어 고수님들의 큰도움을 얻고자 질문드립니다.
좀 도와주세요~
갤러리게시판에 설명페이지(view.skin)를 썸네일로 등록시
첨부파일1,2,3은 섬네일, 나머지는 일반내용으로 나타내게 되어있구요.
썸네일 3개가 있고, 썸네일오버시 큰그림이 보이고, 큰그림 클릭시 원본그림이 나타나게 되어있습니다.
여기까지는 여러도움으로 만들어졌는데, 왜? 원본그림이 1번만 나타날까요?
큰그림1번 클릭시 1번원본나오고, 큰그림2번 클릭시 1번원본나오고, 큰그림3번 클릭시 1번원본 나옵니다.
원본그림 1,2,3번으로 차례로 나올수 없을까요???
좀 도와주세요~~~
view.skin페이지 입니다.
<table>
<tbody>
<tr>
<th>
<div id="mainImg"><?php echo $view['file'][0]['view']; ?></div>
<?php
if($view['file'][count])
{
echo "<ul id='imgList'>";
for($i=0; $i<$view['file']['count'];$i++)
{
if($view['file'][$i]['view']){
if($i>=3) continue;
if($i==2) {
echo "<li><div style='position: absolute; color:#fff; font-size:0; margin:25px 0 0 0; z-index:10;'>+".$view['file']['count']."</div><img src='{$view['file'][$i][path]}/{$view['file'][$i][file]}' /></li>";
} else {
echo "<li><img src='{$view['file'][$i][path]}/{$view['file'][$i][file]}' /></li>";
}
}
}
echo "</ul>";
}
?>
</th>
</tr>
</tbody>
</table>
답변 3
썸네일 3개가 있고, 썸네일오버시 큰그림이 보이고, 큰그림 클릭시 원본그림이 나타나게 되어있습니다
<-------이렇게 작동 시켜주는 소스코드는 어디있나요?
그게 있어야 수정을 할 수 있을텐데....
<?php echo $view['file'][0]['path'];?>/<?php echo $view['file'][0]['file'];?>
이런식으로 첨부파일을 가져올수 있습니다.
0이 첫번째 이미지입니다.
ㅠㅠ;; 안됩니다. 주소텍스트만 표시됩니다. [$i]를 사용해봐도 안됩니다.ㅠㅠ
;;;;;
소스코드는 스크립터와 스타일뿐입니다.
<script type="text/javascript">
$(function(){
$("#imgList li>img").hover(function(){
$("#mainImg img").attr('src', $(this).attr('src'));
});
});
</script>
<style>
#mainImg{text-align:center;border:1px solid #ddd;}
#mainImg img{width:100%;height:auto}
#imgList{list-style:none; padding:0;*zoom:1;margin:8px 0px 5px 4px;}
#imgList:after{content:""; display:block; clear:both;}
#imgList li{float:left;padding:0px;margin:0px;border:2px solid #e9e9e9;}
#imgList li img{width:79px;height:50px;}
.viewInfo{border-collapse:collapse; border-top:0px solid #ddd;border-bottom:0px solid #ddd;width:100%;}
.viewInfo th, .viewInfo td{font-size:12px;color: #777;padding:11px 8px 10px 18px;text-align:left;border:0px solid #ededed;}
.viewInfo th{background:url("<?=$board_skin_path?>/img/map_icon.gif") 4px 12px no-repeat;}
</style>
머리를 아무리 쥐어뜯어도 당췌~답이 안나옵니다.
무지의 답답함이 무지크네요~
도와주세요~~~~부탁드립니다.
클릭하면 큰 이미지가 나오도록 링크의 이미지값도 변경해주어야 이미지가 바뀌어 나오죠
4행 다음에 추가하세요
$("#mainImg a").attr('href', "view_image.php?bo_table=<?=$bo_table?>&fn="+$(this).attr('src') );
균이님~ 정말정말 감사합니다. 복받으실겁니다.^^
