메인과 상품목록의 상품이미지에 효과를 줄려고 합니다.
본문
안녕하세요.
메인 및 상품목록의 상품이미지에 마우스오버 줌인 효과를 둘려고 합니다.
일반 페이지 등에 일반 이미지는 잘 작동하는데
main.10.skin.php 등에서 이미지에 <i> 태그를 줘야는데 도무지 php 코드내에
어떻게 넣어야 할지 종일 이렇제 저렇게 아무것도 모르는놈이 넣어보다가
질문 남깁니다.
아래 부분 같은데 한번 봐 주시면 고맙겠습니다.
echo "<li class=\"sct_li {$sct_last}\" style=\"width:{312px\">\n";
echo "<div class=\"sct_img\">\n";
if ($this->href) {
echo "<a href=\"{$this->href}{$row['it_id']}\">\n";
}
if ($this->view_it_img) {
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n";
}
if ($this->href) {
echo "</a>\n";
}
감사합니다.
답변 1
echo get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."\n"; 해당 부분이 이미지를 나오게 합니다. 그냥 li 만 넣으시는거면
echo "<li>".get_it_image($row['it_id'], $this->img_width, $this->img_height, '', '', stripslashes($row['it_name']))."</li>\n"; 하시면 될겁니다.
먼저, 답변 너무 고맙습니다.
저런식으로 구문안에 태그를 넣는거 또 배우고 갑니다.
근데, 제가 아래 css를 사용하고 있는데 답변 주신<li> 태그가 아닌 <i> 태그만 넣으면 되니깐
그렇게 했는데 안되네요..ㅠㅠ
혹 css에 i img 라고 들어가는데 일반 이미지는 <img src>로 하니 문제가 없는데
이 부분은 어딘가를 맞춰줘야 될것 같은데 도무지......
.sct img {position:relative; overflow:hidden; text-align:center; }
.sct img {overflow:hidden; margin:0; padding:0;}
.sct img {float:left; overflow:hidden; }
.sct img a{display:block; position:relative; }
.sct img a > i{display:block; position:relative; overflow:hidden; background:#333; }
.sct img a > i img{display:block; width:100%; height:auto; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.sct img a:hover > i img{filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; transform: scale(1.1); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }