Forum Moderators: open

Message Too Old, No Replies

JQuery Trouble: Nivo Slider nav controls

Using Nivo Slider for slideshow, navigation not displaying correctly

         

iamkatemcg

4:35 pm on Feb 24, 2011 (gmt 0)

10+ Year Member



Hi all,

Trying to troubleshoot the Nivo Slider plugin, and not getting much help on the forums over there. I've had luck in the past here at Webmaster world, so I thought I'd see if one of you would help me.

I'm building a site ( katemcginley.com/meet.html ) for friends, and I am trying to get the navigation arrows to display correctly on the image slider. I just want the arrows to display on top of the sliding images, with left and right arrows to the left and right, respectively. As you can see, they appear in the upper left hand corner of the images for the first image, then disappear behind the rest of the images as the slideshow advances. Also, they appear right next to each other, and not where they should.

You can check out the source for the html code, and style.css (all the way at the bottom) contains the CSS code (I have edited both of those). I have not edited the jquery code at ALL, that is at jquery.nevo.slider.pack.js .

Anyone who can help point me in the direction of getting these arrows to display correctly gets my eternal gratitude.

Thanks all!

Kate

Fotiman

6:26 pm on Feb 24, 2011 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month




then disappear behind the rest of the images as the slideshow advances

Your prev/next buttons have an invalid z-index value of 9999px. Remove the px to get them positioned on top of the images.