갤러리 list 롤오버 했을때 이미지요...
본문
<script type="text/javascript">
$(document).ready(function() {
var xOffset = 10;
var yOffset = 30;
$(document).on("mouseover",".thumbnail",function(e){ //마우스 오버시
$("body").append("<p id='preview'><img src='"+ $(this).attr("src") +"' width='500px' /></p>"); //보여줄 이미지를 선언
$("#preview")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast"); //미리보기 화면 설정 셋팅
});
$(document).on("mousemove",".thumbnail",function(e){ //마우스 이동시
$("#preview")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
$(document).on("mouseout",".thumbnail",function(){ //마우스 아웃시
$("#preview").remove();
});
});
</script>
list.skin.php 이미지 롤오버 했을때 해당 이미지가 커지면서 보여지는데 깨져서요...
원본 이미지가 보여졌음 합니다.
<img src='"+ $(this).attr("src") +"' width='500px' /> 경로를 어떻게 적어줘야 할까요/..
답변 부탁드립니다~~^^;;;;
답변 1
리스트의 썸네일 쪽에서는 별도로 원본을 불러오지 않고 있습니다.
별도의 함수 수정 또는 추가나.. 추가로 경로를 출력할 수 있는 코드가 들어가야 합니다.
javascript 가 아니라.. php에서 처리하셔야 합니다.
답변 감사합니다~~
