Js
hasClass를 이용한 이미지 체인지
by 영감은어디에
2024. 7. 17.
var $window = $(window),
$header = $('.header'),
$logo = 'img/logo.svg',
$mlogo = 'img/mlogo.svg';
$window.scroll($.throttle(1000/15, function(){
if ($(this).scrollTop() >= 100 ){
if(!$header.hasClass('small')){
$header.addClass('small');
switchLogo($mlogo);
}
} else {
if($header.hasClass('small')){
$header.removeClass('small');
switchLogo($logo);
}
}
}));
function switchLogo(newPath){
var $logoimg = $('#logo');
$logoimg.fadeOut(300, function(){
$logoimg.attr('src', newPath);
$logoimg.fadeIn(300);
});
}