list에 마우스오버시 썸네일 #2가 표시되게 하고 싶습니다.
본문
안녕하세요.
웹개발 언어를 배워서 일하고 있는 디자이너입니다.
제가 만든 페이지의 list.skin.php에서 썸네일에 마우스오버시 파일 #2가 떴으면 좋겠는데요,
php변수 가져오기 + javascript(jquery)를 이용해서 하면 될 것 같으면서도 안돼서 골머리를 앓고 있네요.
현재 파일 필드를 10개 만들어놓고, 1,2번은 썸네일 전용으로만 올리게 해 둔 상태입니다.
그래서 view.skin.php에서는 3번 이미지부터 표시되게 하였구요.
그래서 thumbnail.lib.php에서 썸네일을 2개 가져오게 할 필요 없이 그냥 파일 #1, 파일 #2가 각각 썸네일이라서 그냥 사용하려 합니다.
<a href="<?php echo $list[$i]['href'] ?>">
<?php
$image = urlencode($list[$i][file][0][file]);
if (preg_match("/\.(gif|jpg|png)$/i", $image)) {
$img_0 = G5_DATA_URL.'/file/'.$bo_table.'/'.$image;
echo "<img src='$img_0'>";
}
?>
</a>
이 코드를 기반으로 $image1과 $image2를 바꿔주는 jquery를 php 반복문마다 삽입하려고 했습니다만,
애시당초 이 urlencode를 이용한 원본 이미지 띄우기 자체가 안되네요. 무엇이 문제일까요? ㅠㅠ
위 코드는 이 글을 참조했습니다 : https://sir.kr/qa/?wr_id=62553#answer_62559
일단 제가 작성한 코드를 올려보겠습니다.
<php 반복문 안쪽>
<?php
$image1 = urlencode($list[$i][file][1][file]);
if (preg_match("/\.(gif|jpg|png)$/i", $image1)) {
$img_content1 = .G5_URL.'/data/file/'.$bo_table.'/'.$image1;
} else {
$img_content1 = '';
}
$image2 = urlencode($list[$i][file][2][file]);
if (preg_match("/\.(gif|jpg|png)$/i", $image2)) {
$img_content2 = .G5_URL.'/data/file/'.$bo_table.'/'.$image1;
} else {
$img_content2 = '';
}
echo '<img src="'.$img_content1.'" id="work'.$list[$i]['num'].'">'
?>
<script>
for (j = 0, j < <?php echo count($list);?>, j++ ) {
$('#work'+j).mouseover(function() {
$(this).attr("src", $(this).attr("src").replace("<?php echo $img_content1;?>","<?php echo $img_content2;?>"));
});
$('#work'+j).mouseout(function() {
$(this).attr("src", $(this).attr("src").replace("<?php echo $img_content2;?>", "<?php echo $img_content1;?>"));
});};
</script>
답변을 작성하시기 전에 로그인 해주세요.
