Jump to content

hover effect


Recommended Posts

Hi there

 

I have applied a custom theme some time ago and developer has gone and I can`t reach him therefore can`t get any help from him. He used hover effect in his theme which is a little bit to fast (zooming in/out) and the code responsible by that effect is as follows (part of themes/custom/js/themes/script.js file):

// ===================
// Navigation function
// ===================

function navWidth(){
	var nav = $('.horizontal-nav ul li').not('.horizontal-nav ul li li'), 
	size = $('.horizontal-nav ul li').not('.horizontal-nav ul li li').size(),
	percent = 100/size;
	nav.css('width', percent+'%').parent().show();
}

$('.horizontal-nav ul li').mouseenter(function(){
	$('ul', this).stop().slideDown('fast');
}).mouseleave(function(){
	$('ul', this).stop().slideUp(150);
});

if ($.browser.msie) {
	//Back off
} else {
	selectnav('nav', {
		label: 'Menu'
	});	
};

// ======================
// Thumbnail Hover Effect
// ======================

function thumbHover(){

	if ($('html').hasClass('csstransforms3d')) {	
		
		$('.thumb').removeClass('scroll').addClass('flip');		
		$('.thumb.flip').hover(
			function () {
				$(this).find('.thumb-wrapper').addClass('flipIt');
			},
			function () {
				$(this).find('.thumb-wrapper').removeClass('flipIt');			
			}
		);
		
	} else {

		$('.thumb').hover(
			function () {
				$(this).find('.thumb-detail').stop().animate({bottom:0}, 500, 'easeOutCubic');
			},
			function () {
				$(this).find('.thumb-detail').stop().animate({bottom: ($(this).height() * -1) }, 500, 'easeOutCubic');			
			}
		);

	}
}

I tried to adjust above 500 values from like 10 to 50000 with no effect so maybe the code is wrong somehow? I would be very greatful if someone could find a solution for that  please

 

Thank you

Edited by emvoo (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...