CODEWITHSUNDEEP
jquery
user2824729
user2824729

Reputation:

How To Build an Animated Header in jQuery

I am having a problem with a plugin. Took hours trying to find a solution but not this failing.

Look at this: http://jsfiddle.net/NvU4D/2/ And look at this please: http://jsfiddle.net/NvU4D/5/

In the first link, everything works fine. But when I change the values ​​of the height of the image in the plugin there is a failure

 var imageHeight = 900;     // Background image height

when the image reaches the end of its animation should be repeated, but without making a jump. That is the mistake, there is a jump in the animation does not happen in the first link ... I don't understand why happen that.

Upvotes: 2

Views: 111

Answers (1)

Black Ops
Black Ops

Reputation: 374

it's so logical that this is not working, change the height of the header div

var headerHeight = 200;

this one worked for me

the trick is, that you're mashing the picture when declaring its width to 900px. the picture is supposed to be 4300px therefore the animation flow is jumping when you set it to 900px

here the jsfiddle: http://jsfiddle.net/NvU4D/10/

Upvotes: 1

Related Questions