jQuery Forum

Hi there.

I'm completely new to JQuery and Javascript, so this may be a simple issue of how they work when a website loads, but here goes:

I'm trying to make a simple gallery, with the following features:
- gallery with navigation buttons either side, which are all centralised on the page, even when the page is resized
- the navigation buttons are relative to the gallery picture, not the window, so that if the next picture is bigger, they will get pushed outwards (and vice versa - shrink back in if the next pic is smaller).

I did all of this with html and css and it worked well until I came to use this script (which I sourced from this question page) to make the gallery work.

This script will only work if the input buttons are before the gallery list in the html. This completely screws up my layout, but as I'm new to JQuery and js, I don't know if there's a way to code the Jquery so that I can have the elements in the following order: prev input, gallery image, next input. Or is this impossible? Do the input buttons always have to be before the unordered list? If so, could someone explain why?

Anyway apologies for my naivitee, I'm quite confused and very frustrated :( I'd absolutely love some help on this especially as other sources have failed to enlighten me! Thank you :)