Can someone please help me with a java script animation problem?

Discussion in 'Programming' started by S_A_W, Feb 24, 2010.

  1. #1
    I have a peel-back animation on our new website and it has bit of a problem. I was wondering if any java script guru here could please help?

    I will provide a nice backlink in our directory for the first person to solve the problem.

    Please have a look at the top right corner of MrCarJunk.com - when it is animated the background shows through at some point. How can that be fixed?

    thanks
     
    S_A_W, Feb 24, 2010 IP
  2. Nyu

    Nyu Peon

    Messages:
    79
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #2
    With these settings, the background overflow should be reduced to a minimum

    
    $(document).ready(function(){
    	//Page Flip on hover
    	$("#pageflip").hover(function() {
    		$("#pageflip img").stop()
    			.animate({
    				width: '138px',
    				height: '226px'
    			}, 500);
    			setTimeout(function(){$(".msg_block").animate({
    				width: '138px',
    				height: '138px'
    			}, 500)}, 20);
    		}, function() {
    			$("#pageflip img").stop()
    				.animate({
    					width: '69px',
    					height: '113px'
    				}, 220);
    			$(".msg_block").stop()
    				.animate({
    					width: '60px',
    					height: '60px'
    				}, 195);
    		}
    	);
    });
    
    Code (markup):

    greetings,

    Nyu
     
    Nyu, Feb 24, 2010 IP