I am trying to develop a vertical scroller - it is a UL with a fixed height to only show a few list items, then with up and down controls, the user can scroll through.
There is 3 bottons on top and 3 on bottom, the first button will scroll the UL up and down one item, the second will jump/scroll 3 items and finally the last button will move to the top or bottom of the list.
I have created this all and it is kind of working, it moves up and down one, and jumps up and down 3, but there are certain issues if you combine scroll 3 with scroll 1, sometimes it will stop working, and you can't always scroll right up to the top/
For usability, I have set the buttons to disappear when the user is at the top or bottom. This works if you use the same method, once or 3 times scroll. If you mix it up, it breaks and the buttons won't hide.
Sorry, it's quite hard to explain!
I have set this up as a jsfiddle and set the top and bottom background to red, and the next/previous to orange so you can easily see if you reach the end of the list: http://jsfiddle.net/kh46y/6/
If you could have a look I would be so grateful. If you need me to paste the code here in the post, please let me know also.
I am looking to create a gallery using an unordered list. The gallery is created dynamically via a CMS, so the number of images will vary.
What I wanted to do was:
Display the first 9 images in the gallery (this will be styled so there are 3 images per row, so 3 columns 3 rows)
If there are more than 9 images, I wanted to, via jQuery, close the UL after the 9th image, then reopen the UL
Then again via jQuery, on load hide all but the first UL, then use Next/Previous buttons to cycle through the other ULs (the remaining images in the gallery)
I have set this up, but the problem I am having is the way the closing ul and opening ul is reordered (basically swapped round to an opening/closing ul)
I am really stuck, spent all day tinkering with this to try to get it to work and not had much luck. Am trying to get multiple sliders to work on one page. I have manage to get them to auto slide together, but the little nav buttons below the images don't cycle on the first two sliders, it only really works on the last, and even then it won't remove the 'selected' on the anchor:
I am setting up some zoom functionality on a clothing website and something strange is happening with the zoom window overlay.
When the page loads and you hover over the main image, it works as should, with the overlay displaying to the right of the t-shirt. However, when you click the colour swatch to change colour, and then hover again over the main image, the overlay blocks the t-shirt.
Is there anyone that could take a look for me? Can't work out why this is happening.
I am building a menu page for a relative and using this as a good opportunity to learn jQuery but have got myself a bit stuck!!
I would like to have two columns, the left column showing all available items with an add button. The right column showing all of the added items, and then adding these together to provide an order total, but with the ability for users to add to the quantity or remove from their order.
I have the add item to order bit working on, and the sub-total is working.
I started to try to add on add/remove buttons to the right #your-order column but am getting stuck.
Every time a user adds another item to their order, more buttons are added, and I can't get the "remove item" button working.
Totally stuck, would anybody be able to point out where I am going wrong?
I am trying to set up a simple menu, with the ability for users to add items to their order.
Each item has a price, and I am trying to set it up so that when they add an item to their order, it automatically calculated and updates the subtotal.