테스트 사이트 - 개발 중인 베타 버전입니다

자바스크립트 마우스오버가 동작하지 않습니다 채택완료

e트래블 6년 전 조회 2,649

이미지에 마우스를 올리면 썸네일이 변경되게끔 하는 스크립트인데 에디터 코드 수정 후부터 작동하지 않습니다 어떤게 문제인지 검토해주실 수 있을까요?

 

 

$(document).ready(function(){

    //변수설정

    var trigger = $("ul.minThumb li a"),

            thumb = $(".photo img");

    //기본설정

    thumb.first().addClass("current");

    //이벤트 설정

    trigger.each(function(){

        $(this).bind("mouseenter focusin", function(){

            $(this).parent().parent().siblings(".photo").find("img").attr("src", $(this).find("img").attr("src").replace("118x90","590x380")); //작은썸네일 크기, 큰 썸네일 크기 순으로 상황에 맞게 수정

            $(this).parent().parent().siblings(".photo").find("img").attr("alt", $(this).find("img").attr("alt"));

        });

    });

});

 

 

</p>

<p>include_once(G5_LIB_PATH.'/thumbnail.lib.php');</p>

<p>

// 게시글보기 썸네일 생성

function get_thumbnail($bo_table, $img, $width, $height=0, $alt, $view=0)

{

    $str = '';</p>

<p>    $file = G5_DATA_PATH.'/file/'.$bo_table.'/'.$img;

    if(is_file($file))

        $size = @getimagesize($file);</p>

<p>    if($size[2] < 1 || $size[2] > 3)

        return '';</p>

<p>    $img_width = $size[0];

    $img_height = $size[1];

    $filename = basename($file);

    $filepath = dirname($file);</p>

<p>    if($img_width && !$height) {

        $height = round(($width * $img_height) / $img_width);

    }</p>

<p>    $thumb = thumbnail($filename, $filepath, $filepath, $width, $height, false, false, 'center', true, $um_value='80/0.5/3');</p>

<p>    if($thumb) {

        $file_url = str_replace(G5_PATH, G5_URL, $filepath.'/'.$thumb);

        $str = '<img src="'.$file_url.'" width="'.$width.'" height="'.$height.'" alt="'.$alt.'">';

    }</p>

<p>    if($view == 1) return $str;

}

?>

<script src="<?php echo $board_skin_url; ?>/script.js"></script>

<link rel="stylesheet" href="<?php echo $board_skin_url; ?>/style.css">

<div class="mara_view_wrap" style="width:<?php echo $width; ?>;">

    <h1 class="subject">

        <?php echo cut_hangul_last(get_text($view['wr_subject'])); ?>

    </h1>

    <div class="thumb">

        <div class="photo"><?php if($view['file']['0']['file']){ ?><?php echo get_thumbnail($bo_table, $view['file'][0]['file'], 590, 380, $view['file'][0]['bf_content'], 1); ?><?php } ?></div>

        <ul class="minThumb">

            <?php for($i = 0; $i <= count($view['file']); $i++) { // 객실 이미지 뷰 ?>

            <?php if($view['file'][$i]['file']){

                get_thumbnail($bo_table, $view['file'][$i]['file'], 590, 380, $view['file'][$i]['bf_content']);

            ?>

            <li><a href="<?php echo $view['file'][$i]['path'] . '/' . $view['file'][$i]['file']; ?>" target="_blank"><?php echo get_thumbnail($bo_table, $view['file'][$i]['file'], 118, 90, $view['file'][$i]['bf_content'], 1); ?></a></li>

            <?php } ?>

            <?php } ?>

        </ul>

    </div>

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
잉끼s
6년 전

.bind() 함수는 1.7 이후로는 .on으로 대체된 함수입니다.

그누보드는 1.8버전의 jquery를 사용하고요. 스크립트를 바꾸셔셔야 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인