Hi guys, I was hoping someone could point out where I’m going wrong here. I’m trying to learn jQuery from the ground up, so I’m attempting to understand why it does what it does and how to write it properly.
I am going through the Themeforest stuff now and I’m kind of going off the beaten path to do some specific effects. One in particular is a menu.
What I want it to do is to slide the background image (sprite.jpg) up using animate. But what is wrong is that it won’t actually animate. The jquery IS giving it the rollover/hover effect (the image is going up) but it’s not animating the transition.
is there any reason why you are using animate over slideUp? with the animate, I would try using height instead of positioning. You also need to set a time for the move, otherwise it will move so fast that it will look like the hover. I am not an expert either, not sure this will work, but you could try something like this
The only reason I didn’t use slideUp is because I got ZERO results with it. While animate at least got me to the point where it’s loading the images and processing the change via the jQuery, even adding a time to it results in no actual animation. So I’m still stumped.
try this article. I think you need to re write all your code. You navigation should be in a list element. That will help. Then I think that maybe you are putting the background on the wrong element. I don’t know. I spent an hour on it myself and can’t figure it out. But try this article by chris. It might help
BUT… and this is part of my education and I’m just not familiar with it – can someone help me with how to call back the animation? It’s only letting the animation run once. Is the fact that I’m not using list items hindering this? Or is there some kind of callback function that I’m missing?
Thanks for the link also Cyber – I actually was referencing that first. But the issue I had is that I don’t know enough jQuery to understand what is going on with Chris’ version. I wanted to know what it was doing and why and to code one myself. So hopefully someone can shed some light on the callback function :)