Response title
This is preview!
- Screen name: koko.pelli
koko.pelli's Profile
6 Posts
5 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- Hi All,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.Thank you very much
- 10-May-2012 07:29 AM
- Forum: Using jQuery
Hi all,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 ULThen 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)My HTML is as follows:- <ul><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li></ul>
The jQuery I am using:- $('</ul><ul>').insertAfter( $('#images li:nth-child(9n)') );
The problem is it is formatting as:- <ul><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><ul></ul><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li><li><a href="#"><img src="/img/image.jpg" alt="" /></a></li></ul>
Can anybody please help?Many thanks- Hi all,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 have renamed the containing div for each slider to: #slider, #slider_2 and #slider_3 and changed the corresponding code in the coda-slider.js file:I have tried to manipulate the following code to try to get the selected buttons to activate for each but with no joy:[code]$('#slider .navigation').find('a').click(selectNav);// handle nav selectionfunction selectNav() {$(this).parents('ul#nav1:first').find('a').removeClass('selected').end().end().addClass('selected');}[/code]Please can anyone help? Not sure what else to try!Many thanks
- 15-Dec-2011 06:40 AM
- Forum: Using jQuery Plugins
Hi all,
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.
You can see the problem here:
http://www.immaculateclothing.com/in.../prowess#Ivory
Many thanks
Simon- Hi all,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?The page is located here: http://nsf.pelli.co.uk/trial.htmlShould I paste the jQuery code I am using here?Many thanks in advance for any help, really appreciate this. Is a bit of a steep learning curve.Simon
- Hi All,
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.
The page so far is: http://nsf.pelli.co.uk/trial.html
I can't get the sub-total to update at all. Is there anyone who can advise me on what I am doing wrong?
Many thanks :)- «Prev
- Next »
Moderate user : koko.pelli
© 2013 jQuery Foundation
Sponsored by and others.
