Navigate through a ul with clicks on a div

Question

Please take a look at this first: This is my JSFiddle to edit

I need to put two div one to the left, one to the right, they will hold arrows (like this ones: imageRight, imageLeft), so when I click on one div left or right, it navigates through the ul accordingly. Please take in consideration that they could be more than two list elements.

Seems easy, but I haven't been able to do it, nor find the right example.

Grief

I've been thinking that maybe could use the code from .click but not sure... – Grief

So, you want an alternate method to cycle these with image clicks rather than links? Piece of cake. One moment. – Ram

@NicholasHazel Yes, but keeping the tabs, the images must be on the sides. Thank you for your help. – Grief

Before I move further (I have it pretty much working), are you willing to let me restructure the code to not utilize a ul for the arrows? – Ram

@NicholasHazel Programming is an art, do what you think it's best!, I'll then modify it to suit me. – Grief

OK, one second. I'll update the answer. Gimme 10 mins. – Ram

@NicholasHazel Maybe you can tell why is that?, why don't want to use ul ? – Grief

A ul should be used only when displaying list-data. You don't need a list, you need some container with properties, and some ids. current fiddle Working on centering the iframe element. – Ram

@NicholasHazel Looking great! Please tell me if you update it later... – Grief

Actually working on it... browser and live version renders fine, but jsfiddle is having issues. It is being more difficult than expected to align properly. – Ram

Current Fiddle - Javascript = current fiddle Positioning it is simply not working. I may have to head to bed, but perhaps this has provided an insight into developing it easier. – Ram

@NicholasHazel Thank you. I found a library that matches my needs. menucool.com/slider/slider-with-tooltip – Grief

Answer 1

ok, now I have the solution...

I end up using a plugin called Awkward Showcase, which is awesome.

In this question you can find how it got it's final configuration to match exactly what I wanted. You can add some comments there if you like.

Solution: JSFiddle

Grief