I like how the prev/next arrows are hidden when you get to either end of a carousel. But when the scrollable is loaded initially, the prev arrow isn't hidden. Is there a way to hide it on load?
Thanks.
Thanks.
Scrollable: Hide prev arrow on load Created Aug 24, 2010
This thread is solved
Views: 1903 Replies: 3 Last reply Sep 14, 2010
You must login first before you can use this feature
Reply to:
Scrollable: Hide prev arrow on load, from
jibbajabba
This shows up in the scrollable demo on the top of this page:
http://flowplayer.org/tools/demos/scrollable/index.html
So maybe it's a feature? :)
Anyway, here is my (admittedly inelegant) solution. I put this in $(document).ready(function () {:
// initialize scrollable
$(".scrollable").scrollable();
// Hide the left scroll button
$('.scrollerButton .left').hide();
// Put the button back on page when right 'next' arrow clicked
$('.scrollerButton .right').click( function() {
$('.scrollerButton .left').show();
});
Hope this helps!
http://flowplayer.org/tools/demos/scrollable/index.html
So maybe it's a feature? :)
Anyway, here is my (admittedly inelegant) solution. I put this in $(document).ready(function () {:
// initialize scrollable
$(".scrollable").scrollable();
// Hide the left scroll button
$('.scrollerButton .left').hide();
// Put the button back on page when right 'next' arrow clicked
$('.scrollerButton .right').click( function() {
$('.scrollerButton .left').show();
});
Hope this helps!
Reply to:
jQuery Tools Scrollable: Hide prev button/arrow on page load, from
ericbyrd
Thanks, e.b. That's a simple solution! Works perfectly.
Reply to:
Scrollable: Hide prev arrow on load, from
jibbajabba
You can just add "disabled" as a class to your A link element for the prev button...
