Agency Pro Fade

[wp guy]

As you scroll down the top image fades out too fast. I would like to be able to scroll down and I guess "slow down" the fade if that's possible. Thank you.

http://regattainnfollybeach.com

[Tom]

This effect is controlled by javascript code which you can edit to adjust the speed of fade for the Home-Top widget area.

Use FTP to download and open the file \wp-content/themes/agency-pro/js/home.js to find this code:

jQuery(function( $ ){

    $.localScroll({
    	duration: 900
    });

	function fade_home_top() {
		if ( $(window).width() > 800 ) {
        window_scroll = $(this).scrollTop();
	   		$(".home-top").css({
				  'opacity' : 1-(window_scroll/300)
	    	});
		}
	}
	$(window).scroll(function() { fade_home_top(); });

});

In the line 'opacity' : 1-(window_scroll/300) edit the last value from '300': higher values slow the speed of fade Try something around 600 to get started. Upload the edited file to your site and try different values as required.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[wp guy]

That did the trick, thank you!

[Author]

Posts