갤러리 마우스 오버 효과 변경시 어디를 수정해야 되나요?
본문
갤러리 게시판의 리스트에서 마우스를 올려놔야 제목과 내용이 뜨도록 되어 있는데
마우스를 가져다 대지 않아도 제목과 내용이 떠 있도록 하고 싶어요
이럴 경우에는 list.skin.php 파일에서 수정하나요? 아래 링크 걸어놨는데 조언 부탁드려요
답변 1
<script>
$(document).ready(function () {
// transition effect
style = 'easeOutQuart';
// if the mouse hover the image
$('.photo').hover(
function() {
//display heading and caption
$(this).children('div:first').stop(false,true).animate({top:0},{duration:200, easing: style});
$(this).children('div:last').stop(false,true).animate({bottom:0},{duration:200, easing: style});
},
function() {
//hide heading and caption
$(this).children('div:first').stop(false,true).animate({top:-50},{duration:200, easing: style});
$(this).children('div:last').stop(false,true).animate({bottom:-50},{duration:200, easing: style});
}
);
});
</script>
이부분을 수정 하면 됩니다