테스트 사이트 - 개발 중인 베타 버전입니다

썸네일 첨부파일이요~ 채택완료

홀로그램웹 2년 전 조회 1,926

첨부파일이 있을땐 첨부1,2번(마우스오버)으로 나오고

없을때는 오리지널 상세 이미지로 나오게 할려면 어떻게 해야하나요??

 

</p>

<p> </p>

<p> <?php for ($i=0; $i<count($list); $i++) {

                    

                    //첨부파일을 썸네일로(오버+아웃)

                     $file = get_file($bo_table, $list[$i]['wr_id']);

                    if(preg_match("/\.({$config['cf_image_extension']})$/i", $file[0]['file'])) {

                        $file_src = '<img src="'.$file[1]['path'].'/'.$file[1]['file'].'" >';

                        $file_src = '<img src="'.$file[2]['path'].'/'.$file[2]['file'].'" >';

                    } else {

                        $file_src = '<img src="'.$file[2]['path'].'/'.$file[2]['file'].'" >';

                    }</p>

<p>                     ?></p>

<p> </p>

<p><?php

                                    $thumb = get_list_thumbnail($board['bo_table'], $list[$i]['wr_id'], $board['bo_gallery_width'], $board['bo_gallery_height'], false, true);</p>

<p>                                    if($thumb['src']) {</p>

<p>                                        //첨부파일이 있을 경우

                                        $img_content =  '    <img src="'.$file[0]['path'].'/'.$file[0]['file'].'" id="p1"><img src="'.$file[1]['path'].'/'.$file[1]['file'].'" id="p2">';</p>

<p>                                    } else {

                                        //오리지널

                                        $img_content = '<img src="'.$thumb['ori'].'" alt="'.$thumb['alt'].'" >';

                                    }</p>

<p>                                    echo run_replace('thumb_image_tag', $img_content, $thumb);

                                 ?>        

 </p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

오리지널 상세 이미지가 무얼 의미하는 건가요?

여튼 목록페이지에서 각 게시글의 첨부파일 중 이미지만 배열로 빼는 로직은 아래와 같으니

참고해 보세요.

가장 상단에 for ($i=0; $i<count($list); $i++) 가 전체를 포함하고 있다는 가정 아래서입니다. 

 

</p>

<p>$img_list = [];

for ($j = 0; $j < $list[$i]['file']['count']; $j++) {

    if ($list[$i]['file'][$j]['image_type'] > 0) array_push($img_list, $list[$i]['file'][$j]['path']."/".$list[$i]['file'][$j]['file']);

}

echo $img_list[0]; // 1번 첨부이미지 원본경로

echo $img_list[1]; // 2번 첨부이미지 원본경로

echo $img_list[2]; // 3번 첨부이미지 원본경로

.

.

.</p>

<p>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

홀로그램웹
2년 전
기본 게시판들 보면 상세 첫 이미지가 썸네일이 되는 방식이잖아요
오리지널이 그거구요~
전 첨부파일 두개를 썸네일 기본+마우스오버 이렇게 만들고 싶은거에요~

댓글을 작성하려면 로그인이 필요합니다.

그니까 저걸 참조해서 만들면 되는 거죠.

아래는 이미지 롤오버를 html 로 바로 실핼하는 코드입니다.

 

</p>

<p><img src="1.jpg" onmouseover="src='2.jpg'" onmouseout="src='1.jpg'"></p>

<p>

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

홀로그램웹
2년 전
전 디자이너라서 어디 부분에 어떻게 응용해서 넣어야하는지 모르겠네요..
다른분께 여쭤볼게요

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인