갤러리 view 페이지에 이미지 문의드립니다.
본문
위처럼 갤러리 스킨에서 위 이미지 처럼 첫번째 올린 사진은 1번 위치에 보이게 하고 싶구요.
두번째 올린 사진 부터는 2번 위치에 밑으로 쭈욱 보이게 하고 싶은데요.
초보라 아무리 해봐도 안되서 문의드려봅니다.
<?php
// 파일 출력
$v_img_count = count($view['file']);
if($v_img_count) {
echo "<div id=\"bo_v_img\">\n";
for ($i=0; $i<=count($view['file']); $i++) {
echo get_file_thumbnail($view['file'][$i]);
}
echo "</div>\n";
}
?>
</div>
위 코드를 수정해서 view.skin.php의 해당 부분에 1번 2번 각각 수정해서 나눠서 넣어봤는데 초보라 아무리 검색해서 해봐도 안되네요.
부탁드려봅니다!
답변 1
갤러리 뷰 페이지에서 첫 번째 업로드된 이미지는 별도의 1번 위치에 표시하고,
두 번째 이후 이미지는 2번 위치에 나열하려면,
view.skin.php의 파일 출력 부분에서
첫 번째 이미지와 나머지 이미지를 분리하여 처리하셔야 할 듯합니다.
＊view.skin.php 수정 코드 예시
<?php
// 파일 출력
$v_img_count = count($view['file']);
if ($v_img_count) {
echo "<div id='bo_v_img'>\n";
// 첫 번째 이미지 (1번 위치)
echo "<div id='first_image'>\n";
echo get_file_thumbnail($view['file'][0]); // 첫 번째 이미지 출력
echo "</div>\n";
// 두 번째 이후 이미지 (2번 위치)
if ($v_img_count > 1) {
echo "<div id='other_images'>\n";
for ($i = 1; $i < $v_img_count; $i++) {
echo get_file_thumbnail($view['file'][$i]);
}
echo "</div>\n";
}
echo "</div>\n";
}
?>
＊CSS 스타일링 추가 (선택 사항)
- 첫 번째 이미지를 강조하고 두 번째 이후 이미지를 정리할 수 있음.
#first_image {
text-align: center;
margin-bottom: 20px;
}
#other_images img {
display: block;
margin: 5px auto;
}
너무 감사합니다. 참고해서 잘 해결되었습니다^^
정리하며, 한 수 배워갑니다. (●'◡'●)
