Theme Support Forum

Support Forum for Free and Premium Themes. Premium Theme Forums are Private! Please log in first to see the Premium forums

Viewing 3 posts - 1 through 3 (of 3 total)

Switch hover fade

Home Forums Free Theme Support Triton Lite Switch hover fade

  • #90869

    Mark

    Not sure where my last question went so I’m submitting it again, apologies if you see them both.

    This is a great blog template; I’m testing out the free version first to see if it fits out needs before looking at the pro version.

    The sticking point I have right now is not being able to switch the mouse over fade so that nothing is faded until you mouse over an article instead of the default where everything is faded.

    I know it can be done because Iain has done it here: http://blog.picmonkey.com/ but I can’t work it out.

    Would you be able to help me out with the change please?

    Thank you,
    Mark

    #91433

    Towfiq I.

    administrator

    Open up triton.js from the “js” folder and replace this:

    
    	//Layout1 Animations
    	jQuery('.lay1 .post .imgwrap').css({'opacity':'0.7'});
    	jQuery('.lay1 .post ').hover(function(){
    		jQuery(this).find('.imgwrap').stop().animate({'opacity':'1'}, 300);
    	}, function(){
    		jQuery(this).find('.imgwrap').stop().animate({'opacity':'0.7'}, 300);
    	});
    

    with this:

    
    	//Layout1 Animations
    	jQuery('.lay1 .post .imgwrap').css({'opacity':'1'});
    	jQuery('.lay1 .post ').hover(function(){
    		jQuery(this).find('.imgwrap').stop().animate({'opacity':'0.7'}, 300);
    	}, function(){
    		jQuery(this).find('.imgwrap').stop().animate({'opacity':'1'}, 300);
    	});
    
    #92244

    Mark

    Thanks for the update.