Forum user: biomark

still trying to figure this one out...anyone got any ideas? thanks!

Hello,

I am trying to find an easy way to make the scrollable content fade into the next pane instead of sliding over. I have a size of 1 for everything, so there is only 1 image shown.

What i want is when the user clicks the navi button for it to fade into the next image instead of sliding over.

Does anyone know an easy way to do this?

Any help would be greatly appreciated, thanks!

had the same problem, i figured out a way to get around this. All you need to do is to create a 'dummy' first tab that has NO content, and when you want the tabs to reset, simply have it click this dummy first tab.

<ul> 
    <li><a href="#"></a></li> <--- Dummy Tab
    <li><a href="#">Tab 2</a></li> 
    <li><a href="#">Tab 3</a></li> 
</ul>

<div class="panes"> 
    <div></div> <---Empty div for dummy tab1
    <div>pane 2 content</div> 
    <div>pane 3 content</div> 
</div>

then, when you want to hide the tab, simply set it to the first dummy tab and it will act as if that one is selected:

$("#hide-tab-buttom").click(function(){ api.click(0); });

hope this helps!

yep, you were right, i fixed the problem.

It was happening because the default font size was bigger than the height specified for the div.

So to fix, i put this in my div css:

font-size:1px

It works now, thanks!

arg...now i'm having another problem trying to disable the interval timer...when you click the arrows, i have this in my onClick function:

function slideBack() { 
var api = $("div.scrollable").scrollable(); 
api.prev(); 
api.getConf().interval = 0; 
return true;  
}

It works for moving the pages, i added the interval=0 line, and I figured that would stop the auto-scrolling. It does not, and even more strange, after setting the interval to 0 (by clicking on one of the arrow buttons), when you mouseover any of the navi buttons, the thing tweaks out and auto-scrolls with no pause, it acts as if it really has an interval of 0.

Documentation says setting this to 0 disables auto-scroll

You can check it out again here:

http://www.biossential.com/testing/natural-vitamin-supplements.htm

hmm any ideas? Thanks in advance.

thank you very much for the help, it is greatly appreciated.

Those videos tell all! Your right, it does not add the scrolling speed into the interval, though i think it should.

Coming back to it after a new day, i'm thinking for a better user experience, i should probably just disable the auto-scrolling if the user clicks the arrows or the navi buttons.

If the user wants to control the scrolling, then it would probably make sense to let him do so and not try to auto-scroll again after they click. If i clicked it and 3 seconds later it went away while i was in the middle of reading, i wouldn't be too happy.

Thanks again for the help....now if i could only solve this stupid navigator image bug in IE6 i posted here:http://flowplayer.org/forum/8/14246 ....heh

Hello,

I am having trouble debugging some weird interval timing issues using scrollable.

For some reason, when i call the api.prev() and api.next() functions it does not reset the scrolling interval.

Here is a testing page:

http://www.biossential.com/testing/natural-vitamin-supplements.htm

Right now my interval is set to 5000 (5 seconds). If you click the forward arrow twice, it will sit on the 3rd page for about 3 seconds instead of 5.

After that, the interval is completely unpredictable. Sometimes it will take 10 seconds, other times it will scroll after 1 second.

In IE7, it gets really crazy and scrolls after 1 second. FF3 waits about 3 seconds.

Does anyone know how i can fix this?

I have tried manually resetting the timer on each arrow click via a callback:

var api = $("div.scrollable").scrollable(); 
api.prev(function() { this.getConf().interval = 6000; });

but that doesn't seem to help.

Any ideas would be greatly appreciated!

Thanks,
Mark

Hello,

I'm running into a weird bug that only occurs on IE6. For some reason, it is showing the full image i have for the navigator buttons instead of just one button.

If you goto this page in IE6:

http://www.biossential.com/testing/natural-vitamin-supplements.htm

look at the navi-bar at the bottom middle of the image. See how it shows the whole image instead of just one button? It is also doing this for my previous and next images. Works fine in FF, IE7, and Safari...

Does anyone have any ideas why this might be happening?

Any help would be greatly appreciated, thanks!