jQuery(function(){ jQuery(window).scroll(function(){ if(jQuery(this).scrollTop() > 200) { jQuery('#logo-img img') .css({'width':'351px','height':'63px'}) .attr('src','https://picsum.photos/351/63'); } if(jQuery(this).scrollTop() < 200) { jQuery('#logo-img img') .css({'width':'196px', 'height':'166px', '-webkit-transition':'all 0.5s ease', '-moz-transition':'all 0.5s ease', '-ms-transition':'all 0.5s ease', '-o-transition':'all 0.5s ease', 'transition':'all 0.5s ease' }) .attr('src','https://picsum.photos/196/166'); } }); });
<div id="logo-div"> <a id="logo-img" href="https://luismi.sanchezarteaga.es/"> <img src="https://picsum.photos/196/166"> </a> </div>
body { height: 1000px; } #logo-div { position: fixed; top: 15px; }