jQuery 툴팁 이미지 롤오버 확대 이미지 표시

Question

축소판 이미지 목록을 표시하는 이미지 갤러리가 있습니다. 전복시 툴팁에 이미지를 표시하기 위해 jQuery 툴팁 플러그인을 사용하고 있습니다.

그러나 내 축소판 이미지보다 큰 이미지를 표시하고 싶습니다. 썸네일 이미지 나열

$(document).ready(function(){ 
    $('.imageGalleryAlbum li a img').tooltip({ 
     delay: 0, 
     showURL: false, 
     bodyHandler: function() { 
      return $("<img/>").attr("src", this.src); 
     } 
    }); 
}); 

내 갤러리 다음 "_thumb_150.jpg"나는 같은 디렉토리/폴더에서 "_thumb_630.jpg"을 표시 할

로 끝납니다.

어떻게하면됩니까?

Answer 1

현재 이미지 소스에서 _150을 630으로 바꾸어보십시오.

src.replace ('150', '630')

bodyHandler: function() { 
    var new_source = this.src.replace('150', '630'); 

    return $("<img/>").attr("src", new_source); 
}