썸네일 원본이미지의 경로.... 정보
썸네일 원본이미지의 경로....
본문
안녕들하세요^^
질문이 있어 이렇게 글을 남깁니다!!
위에 보시는 것처럼 ('')
썸네일 최신글 스킨을 이용해서 포토뉴스 비슷한걸 만들고 있는데요.. 갤러리 비슷한가요? ^^
암튼, 우측의 파란색 테두리로 보이는 조그만 썸네일 이미지를 클릭하면 좌측의 큰 테두리에 작은 이미지와 1:1 매치가 되는 큰 이미지가 출력되게 하고 싶습니다.
참고로 우측의 작은 이미지 6개(세로방향)은 썸네일 최신글을 뽑은 거구요,
좌측의 큰 이미지는 최신글과 상관없이 좌측의 해당 셀을 클릭하면 지정된 경로의 이미지가 뜨게하는 스크립트를 어설프게 적용한 것입니다.
소스는 아래에 첨부 하겠습니다 ^^
제가 딱 뽑아내고 싶은 값은, 좌측 큰 이미지의 경로만 알아내면 되는데요.. (정 안되면 썸네일 이미지의 경로라도.. )
우측에 생선된 썸네일 이미지 이전의 원본 파일의 경로를 알고 싶습니다. 제 생각으로는,
게시판에서 글을 등록 할 때 "첨부파일"에 해당 원본 이미지를 등록하면 원본을 바탕으로 썸네일 이미지를 생성하는 걸로 알고있는데요.. 그 원본 이미지를 뿌려 주고 싶습니다.
latest.skin.php 파일에서 첨부파일의 변수가 $list[$i][file][0][file] 인것은 알고 있는데요..
이 변수의 값을 페이지를 구성하는 (ex)) index.php ) 파일 에서도 쓰고 싶습니다.
도대체 감이 안오네요.. 질문이 너무 길어서 죄송스럽게 생각합니다 ^^;;
아래에는 각 소스 파일의 일부를 올립니다. 같이 검토 부탁드리겠습니다 ~!!
File_name : index_spo_2.php
===========================================================
.
.
<div id="imgLayer0" style="display:block;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/1.jpg" width="400" height="282" alt="Large_Image #1" border="0" /></a>
<!-- 아래의 <H2>이하절은 게시판 기사의 내용으로 대체하여 처리 함-->
</div>
<!-- // e.기사1-->
<!-- s.기사2-->
<div id="imgLayer1" style="display:none;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/2.jpg" width="400" height="282" alt="Large_Image #2" border="0" /></a>
</div>
<!-- // e.기사2-->
<!-- s.기사3-->
<div id="imgLayer2" style="display:none;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/3.jpg" width="400" height="282" alt="Large_Image #3" border="0" /></a>
</div>
<!-- // e.기사3-->
<!-- s.기사4-->
<div id="imgLayer3" style="display:none;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/4.jpg" width="400" height="282" alt="Large_Image #4" border="0" /></a>
</div>
<!-- // e.기사4-->
<!-- s.기사5-->
<div id="imgLayer4" style="display:none;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/5.jpg" width="400" height="282" alt="Large_Image #5" border="0" /></a>
</div>
<!-- // e.기사5-->
<!-- s.기사6-->
<div id="imgLayer5" style="display:none;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/6.jpg" width="400" height="282" alt="Large_Image #6" border="0" /></a>
</div>
<!-- // e.기사6-->
<!-- 우측 작은 썸네일 이미지가 들어갈 TD -->
<td style='position:relative;text-align:center;width:53px;valign:top'><table cellpadding="0" cellspacing="0" border="1" bordercolor="#FFFFFF" width="53" align="center" valign="top">
<div class="subPhotoBox">
<?
echo latest("latest_image_thumb" ,"d_fix_chosun" ,6 ,55); // 작은 썸네일 이미지를 skin.php파일에서 루프 돌려 출력
?>
</div>
<!-- 중략 -->
File_name2 : latest.skin.php
===========================================================
<tr>
<td align="right" id ="ssimg<?=$a;?>"><a href="#"><img src="<?=$thumb;?>"
onclick="javascript:SetImg1(<?=$b;?>);mouse=0;this.style.filter='';imgbox_x_dest=<?=$c;?>;imgbox.style.filter='alpha(opacity=100)';" onMouseover="imgbox_x_dest=<?=$c;?>;imgbox.style.filter='alpha(opacity=100)';this.style.filter='';" onmouseout="mouse=2;this.style.filter='gray()';imgbox_x_dest=1;imgbox.style.filter='alpha(opacity=0)';" onload="this.style.filter='gray()'" width="63" height="45" alt="Image #1" /></a></td><textarea name="wr_10" style="display:none;">
</tr>
<!-- 중략 -->
위의 latest.skin.php 파일의 원본은 이미지와 제목 그리고 본문을 출력하는 것이지만 저는 이미지만 필요해서 다른 부분은 모두 삭제 후 이미지만 출력 했습니다.
조언 부탁 드립니다 ㅠ_ㅠ 오늘 하루 종일 이것만 바라보고 있습니다요 ^^
항상 행복하세요~!!
질문이 있어 이렇게 글을 남깁니다!!
위에 보시는 것처럼 ('')
썸네일 최신글 스킨을 이용해서 포토뉴스 비슷한걸 만들고 있는데요.. 갤러리 비슷한가요? ^^
암튼, 우측의 파란색 테두리로 보이는 조그만 썸네일 이미지를 클릭하면 좌측의 큰 테두리에 작은 이미지와 1:1 매치가 되는 큰 이미지가 출력되게 하고 싶습니다.
참고로 우측의 작은 이미지 6개(세로방향)은 썸네일 최신글을 뽑은 거구요,
좌측의 큰 이미지는 최신글과 상관없이 좌측의 해당 셀을 클릭하면 지정된 경로의 이미지가 뜨게하는 스크립트를 어설프게 적용한 것입니다.
소스는 아래에 첨부 하겠습니다 ^^
제가 딱 뽑아내고 싶은 값은, 좌측 큰 이미지의 경로만 알아내면 되는데요.. (정 안되면 썸네일 이미지의 경로라도.. )
우측에 생선된 썸네일 이미지 이전의 원본 파일의 경로를 알고 싶습니다. 제 생각으로는,
게시판에서 글을 등록 할 때 "첨부파일"에 해당 원본 이미지를 등록하면 원본을 바탕으로 썸네일 이미지를 생성하는 걸로 알고있는데요.. 그 원본 이미지를 뿌려 주고 싶습니다.
latest.skin.php 파일에서 첨부파일의 변수가 $list[$i][file][0][file] 인것은 알고 있는데요..
이 변수의 값을 페이지를 구성하는 (ex)) index.php ) 파일 에서도 쓰고 싶습니다.
도대체 감이 안오네요.. 질문이 너무 길어서 죄송스럽게 생각합니다 ^^;;
아래에는 각 소스 파일의 일부를 올립니다. 같이 검토 부탁드리겠습니다 ~!!
File_name : index_spo_2.php
===========================================================
.
.
<div id="imgLayer0" style="display:block;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/1.jpg" width="400" height="282" alt="Large_Image #1" border="0" /></a>
<!-- 아래의 <H2>이하절은 게시판 기사의 내용으로 대체하여 처리 함-->
</div>
<!-- // e.기사1-->
<!-- s.기사2-->
<div id="imgLayer1" style="display:none;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/2.jpg" width="400" height="282" alt="Large_Image #2" border="0" /></a>
</div>
<!-- // e.기사2-->
<!-- s.기사3-->
<div id="imgLayer2" style="display:none;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/3.jpg" width="400" height="282" alt="Large_Image #3" border="0" /></a>
</div>
<!-- // e.기사3-->
<!-- s.기사4-->
<div id="imgLayer3" style="display:none;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/4.jpg" width="400" height="282" alt="Large_Image #4" border="0" /></a>
</div>
<!-- // e.기사4-->
<!-- s.기사5-->
<div id="imgLayer4" style="display:none;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/5.jpg" width="400" height="282" alt="Large_Image #5" border="0" /></a>
</div>
<!-- // e.기사5-->
<!-- s.기사6-->
<div id="imgLayer5" style="display:none;" onMouseover="mouse=0" onMouseout="mouse=1"><a href="#" target="_blank"><img src="<?=$g4[path];?>/images/6.jpg" width="400" height="282" alt="Large_Image #6" border="0" /></a>
</div>
<!-- // e.기사6-->
<!-- 우측 작은 썸네일 이미지가 들어갈 TD -->
<td style='position:relative;text-align:center;width:53px;valign:top'><table cellpadding="0" cellspacing="0" border="1" bordercolor="#FFFFFF" width="53" align="center" valign="top">
<div class="subPhotoBox">
<?
echo latest("latest_image_thumb" ,"d_fix_chosun" ,6 ,55); // 작은 썸네일 이미지를 skin.php파일에서 루프 돌려 출력
?>
</div>
<!-- 중략 -->
File_name2 : latest.skin.php
===========================================================
<tr>
<td align="right" id ="ssimg<?=$a;?>"><a href="#"><img src="<?=$thumb;?>"
onclick="javascript:SetImg1(<?=$b;?>);mouse=0;this.style.filter='';imgbox_x_dest=<?=$c;?>;imgbox.style.filter='alpha(opacity=100)';" onMouseover="imgbox_x_dest=<?=$c;?>;imgbox.style.filter='alpha(opacity=100)';this.style.filter='';" onmouseout="mouse=2;this.style.filter='gray()';imgbox_x_dest=1;imgbox.style.filter='alpha(opacity=0)';" onload="this.style.filter='gray()'" width="63" height="45" alt="Image #1" /></a></td><textarea name="wr_10" style="display:none;">
</tr>
<!-- 중략 -->
위의 latest.skin.php 파일의 원본은 이미지와 제목 그리고 본문을 출력하는 것이지만 저는 이미지만 필요해서 다른 부분은 모두 삭제 후 이미지만 출력 했습니다.
조언 부탁 드립니다 ㅠ_ㅠ 오늘 하루 종일 이것만 바라보고 있습니다요 ^^
항상 행복하세요~!!
댓글 전체
latest.skin.php 파일에서
<? $img_path = $list[$i]['file'][0]['file'];?> 또는
<? $thumb;?>
해주면, 함수가 호출되는 index_spo.php 파일에서 이미지 파일의 경로가 잘 찍히는 데요..
(물론 썸네일 이미지 이지만요 우선 급한데로 이거라도 ^^;;)
막상 index_spo.php 파일에서 $img_path 나 $thumb 를 출력하려 하면 아무 값도 안나오네요..
당연히 그냥 index 파일에서 부르면 안찍히니 값을 어떻게 넘겨줄까.. 하고 고민을 해보았는데..
특별한 답이 안나옵니다. ㅠ_ㅠ form 에 hidden 으로 값을 넘겨봐도 안찍히고..(제가 실수 한 걸까요?)
여러분들의 조언을 바랍니다 (..)
<? $img_path = $list[$i]['file'][0]['file'];?> 또는
<? $thumb;?>
해주면, 함수가 호출되는 index_spo.php 파일에서 이미지 파일의 경로가 잘 찍히는 데요..
(물론 썸네일 이미지 이지만요 우선 급한데로 이거라도 ^^;;)
막상 index_spo.php 파일에서 $img_path 나 $thumb 를 출력하려 하면 아무 값도 안나오네요..
당연히 그냥 index 파일에서 부르면 안찍히니 값을 어떻게 넘겨줄까.. 하고 고민을 해보았는데..
특별한 답이 안나옵니다. ㅠ_ㅠ form 에 hidden 으로 값을 넘겨봐도 안찍히고..(제가 실수 한 걸까요?)
여러분들의 조언을 바랍니다 (..)
아~!! 정답은 아니겠지만.. 해결 했습니다. 제가 한 임시 방편이 맞는지 같이 봐주셔요 ^^;
우선 latest.skin.php 파일의 상단에
global $img_thumb_src;
$img_thumb_src = array(); 라고 전역변수를 하나 선언 하구요.
조금 내려가면 for ($i=0; $i<count($list); $i++) 의 조건문이 보이죠. 그 아래다가
$img_thumb_src[$i] = $thumb; 로 해서 thumb의 내용을 for문이 도는 동안 선언한 전역변수 배열안에 넣습니다.(for문 이하절이라면 어디든 상관 없겠죠)
그리고 외부의 index_spo.php 파일에서 호출...
<?=$img_thumb_src[0];?> 등....
아.. 이렇게 간단한걸 가지고... 이틀이나 고생했었네요. ^^;;
아참, 외부 파일인 index_spo.php 파일에서 호출한 이미지는 썸네일 생성 이미지기 때문에
썸네일 생성시에 할당 된 초기값을 변경 했습니다. 제가 원하는 사이즈로요..
그럼 좌측의 큰 이미지는 썸네일 이미지 기본 사이즈이고, 우측의 작은 최신글 이미지는
구겨 넣으면(?) 되니까요.. ^^;
단, 어딘지 모르게 소스가 굉장히 난잡해진 기분이 드네요.. >.<;;
우선 latest.skin.php 파일의 상단에
global $img_thumb_src;
$img_thumb_src = array(); 라고 전역변수를 하나 선언 하구요.
조금 내려가면 for ($i=0; $i<count($list); $i++) 의 조건문이 보이죠. 그 아래다가
$img_thumb_src[$i] = $thumb; 로 해서 thumb의 내용을 for문이 도는 동안 선언한 전역변수 배열안에 넣습니다.(for문 이하절이라면 어디든 상관 없겠죠)
그리고 외부의 index_spo.php 파일에서 호출...
<?=$img_thumb_src[0];?> 등....
아.. 이렇게 간단한걸 가지고... 이틀이나 고생했었네요. ^^;;
아참, 외부 파일인 index_spo.php 파일에서 호출한 이미지는 썸네일 생성 이미지기 때문에
썸네일 생성시에 할당 된 초기값을 변경 했습니다. 제가 원하는 사이즈로요..
그럼 좌측의 큰 이미지는 썸네일 이미지 기본 사이즈이고, 우측의 작은 최신글 이미지는
구겨 넣으면(?) 되니까요.. ^^;
단, 어딘지 모르게 소스가 굉장히 난잡해진 기분이 드네요.. >.<;;