<script></script>
<script>/js/jquery.onepage-scroll.min.js"></script>
<script>/js/main.js"></script>
<script>
var methodTwo = function(){
function ofsetTop($item){
var ot = $item.offset();
return ot.top;
}
function changeLogo ($whois, $isImage) {
$whois.attr("src",$isImage);
}
function changeColored ($whois, $isColor) {
$whois.css({
'color' : $isColor
});
}
return {
render : function (){
var item = $("section:eq(1)"),
thisIt = $(window),
changeItem = $("header img"),
logo = "https://www.google.com.tr/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png",
Newlogo = "https://wmaraci.com/resimler/logolar/logo.png";
$(document).scroll(function () {
var scx = $(window).scrollTop();
if( scx >= ofsetTop(item) ){
changeLogo ( changeItem, Newlogo );
changeColored ($("a"), "red");
}else{
changeLogo ( changeItem, logo );
changeColored ($("a"), "blue");
}
});
}
}
}();
$(document).ready(function(){
methodTwo.render();
})
</script>
bu şekilde bi deneyin hocam size method 2 lazım 1.si değil. image header ve section bölümlerini kendinize uyarlayın.