treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Nivo Slider JQuery Help

  • I have recently discovered the world of nivo-slider which is awesome. (slideshow with beautiful thumbnail controls) http://nivo.dev7studios.com/ There is all sorts of customization, which is great. But the elements are defined in JQuery so I can't figure out how to change this one. Here is the Challenge: The arrows for next & previous page is defined in relationship to the slider-wrap. I have a few pages each have a slideshow with different number of slides. I want the arrows to be left & right of the thumbnails. Right now, I can create a separate CSS code (theme) for each page to define the location of the arrow in relationship of the slider-wrap. If the arrows can be redefined to be in relationship to the the "ribbon" (thumbnails). Then I can have 1 code that works for all the pages, which is what I want to do for easy maintenance.

    Any nivo-slider jQuery expert who can provide help?