사이트 내 전체검색

Javascript

jquery hover image change

페이지 정보

작성자 소율아범 댓글 0건 조회 238회 작성일 17-12-19 15:59

본문

//mouse hover image changer.
// 이미지 태그 안에  class="hovering_img" hokey="on" 추가 hokey때문에 w3c 통과 안됨...수정해야는데...
$(document).ready(function(){
$(".hovering_img").hover(
function() {
var hoverkey = $(this).attr("hokey");     // on, ov 등 변경될 key
var oldsrc = $(this).attr("src").replace("_"+hoverkey,"");// 현재 URL에서 _on, _ov 제거
var imgformat = oldsrc.substr($(this).attr("src").length -4, 4);//현재 URL에서 .gif, .png, .jpg 추출
$(this).attr("src", oldsrc.replace(imgformat, "_"+hoverkey+""+imgformat));//이미지 변경  hoverkey 적용
},
function() {
var hoverkey = $(this).attr("hokey");
var oldsrc = $(this).attr("src").replace("_"+hoverkey,"");
var imgformat = oldsrc.substr($(this).attr("src").length -4, 4);
$(this).attr("src", oldsrc);
}
);
});`

댓글목록

등록된 댓글이 없습니다.


CE.M
Copyright © calcevery.me. All rights reserved.