나리야 1.102 갤러리 위젯에서 썸네일에 그림자 주는 방법
본문
나리야 1.102 다운 받아 공부 중인데요,
초기화면- 갤러리 썸네일 화면이 너무 단조로운 것 같아
그림자(shadow) 효과를 주고 싶은데 어떻게 하면 될까요?
답답한 마음에 갤러리 위젯 부분 올려 봅니다.
고수님의 가르침 부탁드립니다.
// 이미지 추출
$img = na_wr_img($list[$i]['bo_table'], $list[$i]);
// 썸네일 생성
$thumb = ($wset['thumb_w']) ? na_thumb($img, $wset['thumb_w'], $wset['thumb_h']) : $img;
?>
<li class="col px-2 pb-4">
<div class="img-wrap bg-light na-round mb-2" style="padding-bottom:<?php echo $img_height ?>%;">
<div class="img-item">
<a href="<?php echo $list[$i]['href'] ?>"<?php echo $target ?>>
<?php echo $wr_tack ?>
<?php echo $wr_cap ?>
<?php if($thumb) { ?>
<img src="<?php echo $thumb ?>" alt="Image <?php echo $list[$i]['wr_id'] ?>">
<?php } ?>
</a>
</div>
</div>
답변 2
<a href="<?php echo $list[$i]['href'] ?>" style="box-shadow: 0 0 4px black;"> 이렇게 해보세요
<div class="img-wrap bg-light na-round mb-2" style="box-shadow: 1px 1px 10px gray;" <?php echo $img_height ?>%;">
에 적용했더니 잘 됩니다.
감사합니다.
아래 좌표 참고해 작업해 보세요.
수정할 위치 찾기.
https://homzzang.com/b/css-251
shadow 효과 주기.
https://homzzang.com/b/css?sca=shadow
수정한 거 반영하기
답변을 작성하시기 전에 로그인 해주세요.
