> I got it rotating, however I cant get the images to stay in the middle of > the div. If I add > > position: relative !important; > top: 50%; > left: 50%; > > to the image class when being displayed it centers horizontally but not > vertically, but it also breaks the fade transition by displaying the new > image below then placing it up once the image before has been removed.
You need to get a little bit sneaky to get the images centering properly. Here's an example using your markup: http://jquery.malsup.com/cycle/test/nov20.html Note that since your markup does not include size info on the <img> tags I'm delaying the start of cycle until the window load event fires, rather than using the ready event. That way sizing info can be calculated accurately. Then I calculate the size of the slide in a 'before' callback and update the margins based on the diff with the container's size. Mike