Loading...

Search jQuery

Search

jQuery Forum

Screen name:
stavros917

stavros917's Profile

3 Posts

4 Responses

0 Followers

Activity Trend

Last 30 days

Loading Chart...

Show:

Expanded view
List view

jQuery Cycle, hide prev/next buttons if only one slide is available
[2Replies]
- 06-Jul-2012 09:26 AM
- Forum: Using jQuery Plugins
Hey there,

I'm using the jQuery cycle plugin and want the next and previous nav buttons to hide themselves if there is only one slide available in the slide deck. Below is my current code, it will hide one of them if you reach the end of the slide show, but if there is only one slide they will both remain visable. I'm assuming you just read the index of the slide and display : none based off of that but want to make sure I'm doing it the most efficient way possible.

Thanks for the help!
1. //Plan summary page cycler
2. $('#showPlan').after('<div id="nav2">')
3. .cycle({
4. fx: 'scrollHorz',
5. speed:300,
6. prev: '#planPrev',
7. next: '#planNext',
8. timeout: 0,
9. after: removePlanArrow,
10. pager: '#nav2',
11. pagerAnchorBuilder: function(idx, slide) {
12. return'<a href="#"></a>';
13. }
15. });
16. // call back to remove arrows at end of cycle
17. function removePlanArrow(curr, next, opts) {
18. var index = opts.currSlide;
19. $('#planPrev')[index == 0 ? 'hide' : 'show']();
20. $('#planNext')[index == opts.slideCount - 1 ? 'hide' : 'show']();
21. }

jQuery Cycle, remove next/prev nav buttons if only one slide.
[2Replies]
- 05-Jul-2012 10:12 AM
- Forum: Using jQuery Plugins
Hey there,

I'm using the jQuery cycle plugin and want the next and previous nav buttons to hide themselves if there is only one slide. Below is my current code, which will hide one of them if you reach the end of the slide show. I'm assuming you just read the index of the slide and display : none based off of that but want to make sure I'm doing it the most efficient way possible.

Thanks for the help!
2. //Plan summary page cycler
3. $('#showPlan').after('<div id="nav2">')
4. .cycle({
5. fx: 'scrollHorz',
6. speed:300,
7. prev: '#planPrev',
8. next: '#planNext',
9. timeout: 0,
10. after: removePlanArrow,
11. pager: '#nav2',
12. pagerAnchorBuilder: function(idx, slide) {
13. return'<a href="#"></a>';
14. }
16. });
17. // call back to remove arrows at end of cycle
18. function removePlanArrow(curr, next, opts) {
19. var index = opts.currSlide;
20. $('#planPrev')[index == 0 ? 'hide' : 'show']();
21. $('#planNext')[index == opts.slideCount - 1 ? 'hide' : 'show']();
22. }

jQuery Cycle: How to set the height of the cycled area to auto.
[6Replies]
- 20-Jun-2012 03:16 PM
- Forum: Using jQuery Plugins
Hey everyone,

So I'm using the Cycle plugin to cycle through some divs. These divs have quite a bit of content in them that is variable and I'm running into an issue where the content that is being cycled is getting hidden in its containing div. This div is the one that feed to the function to be cycled. When I try to toy around in dev tools and set the height of the container to auto the entire container shrinks to a height of 0 or 2px. I can't seem to figure out why this would be occurring. Any help would be greatly appreciated!

«Prev
Next »