jquery로 이미지 변경

Question

jquery 코드에 대한 도움이 필요합니다.

내 웹 사이트에 헤더가 있습니다. 웹 사이트로 이동하면이 헤더가 "끈적"합니다. 여기처럼 : http://markgoodyear.com/labs/headhesive/

var options = { 
    offset: '#showHere', 
    classes: { 
     clone: 'banner--clone', 
     stick: 'banner--stick', 
     unstick: 'banner--unstick' 
    } 
}; 
var banner = new Headhesive('.banner', options); 

내 코드를보고하십시오 :

<header id="intro-header" class="banner banner--clone"> 
    <div id="container"> 
    <div id="content"> 
    <div class="logo"> 
<img class="main-logo" alt="" src="images/logo.png"> 

지금 내 헤더 상단에 있습니다. 나는 내 웹 사이트 아래로 이동하면

나는 새로운 클래스를 얻을 :

<header id="intro-header" class="banner banner--clone banner--stick"> 
    <div id="container"> 
    <div id="content"> 
    <div class="logo"> 
<img class="main-logo" alt="" src="images/logo.png"> 

내 질문은 : 나는 내 웹 사이트를 이동할 때 I가 "LOGO-CLONE.PNG을"이미지 "LOGO.PNG"를 변경할 수있는 방법 새로운 수업을 추가 한 후 아래로?

내게 짧은 코드를 작성해주십시오 :) Thank you!

Answer 1

당신이 JS 코드를 추가 한 이후로 당신은 당신은 당신이 당신의 jQuery를 게시 할 수이 방법

var options = { 
    offset: '#showHere', 
    classes: { 
    clone: 'banner--clone', 
    stick: 'banner--stick', 
    unstick: 'banner--unstick' 
    }, 
    onStick: function() { 
    //Check for class 
    $("#intro-header.banner.banner--stick") 
      .find('img.main-logo') 
      .attr('src', 'images/LOGO-CLONE.PNG'); 

    }, 
    onUnstick: function() { 
    //Show old logo 
    $("#intro-header.banner") 
      .find('img.main-logo') 
      .attr('src', 'images/LOGO.PNG'); 

    } 
};