갤러리 박스 링크
본문
위 사진과 같이 지금 마우스오버하면 박스에 테두리만 둘게 되어있고
링크는 사진과 제목과 카테고리에만 링크가 되어있는데요
박스를 클릭하면 상세페이지로 들어가게 하는 방법이 있을까요?
해보았는데 되질 않아서요ㅠㅠ
링크는 댓글로 달겠습니다!
답변 5
a태그안에 박스가 들어가면 박스를 클릭해도 됬던것같은데요 한번해보시겠어요???
<a href="<?php echo $list[$i]['href'] ?>">
</a>
이 소스가 아닌가요 이걸로 다해보고 올린건데 안되었거든요 ㅠ.ㅠ
<ul class="gall_con"> 여기에
<ul class="gall_con" onClick="window.location.href='<?php echo $list[$i]['href'] ?>'">
onclick 을 추가해보시겠어요?
오 되긴 되는데.. 마우스 오버가 안되네요 마우스오버는 어떻게 표시하죠?ㅜ.ㅜ...
<ul name="box" class="gall_con" onClick="window.location.href='<?php echo $list[$i]['href'] ?>'" onmouseover="test(true)" onmouseout="test(false)">
<script>
function test(language, type){
if(type){
// 오버되었을때
document.box.style....
} else {
// 마우스 아웃 되었을때
document.box.style....
}
}
<script>
뭐 이런식으로 해보시겠어요? ㅎㅎ
음 안되네요ㅜ.ㅜ list.skin.php에 적는거 아닌가요?script두요
안된다고 해서, 테스트 하고 댓글 남겨드려요
<ul id="aa_<?php echo $i ?>" class="gall_con control_font_size" onclick="window.location.href='<?php echo $list[$i]['href'] ?>'" onmouseover="test(this.id, true)" onmouseout="test(this.id, false)">
이렇게 id 지정해주신 다음에요. id는 고유해야하기에, 저렇게 사용하는거 아시죠?ㅎㅎ
<script>
function test(name, type){
if(type){
document.getElementById(name).style.border = "thin dotted red";
} else{
document.getElementById(name).style.border = "thin dotted black";
}
}
</script>
이런식으로 주면 잘 먹는데... 다시 한번 해보세요. list.skin.php 맞습니다~~
bo_img_list 로 검색을 하셔서 그 자식 li 들에
<li class="bo_img_list_li masonry-brick " style="각각 포지션 값이 다르므로 이부분은 무시 하시고 ">
이부분을
<li class="bo_img_list_li masonry-brick " style="각각 포지션 값이 다르므로 이부분은 무시 하시고 " onclick="window.location.href='<?php echo $list[$i]['href'] ?>'">
이렇게 온클릭 부분을 넣어주세요
