Jquery expert: integrate overlay with scroll plugin

Hi Guys/Gals,

Am looking into putting two js plugins together to generate a photo gallery that allows the user to click next or previous once the user views a photo in an overlay. so here’s the drill:

1. Am using Jquery tools which has both scroll plugin and overlay plugin 2. When I’m using the overlay I would like to add a scroll (next/prev) button on the overlay that allows the user to navigate back and forth without leaving the overlay.

Please let me know your thoughts.

Here is someone’s attempt with an older library. I’ve tried to meddle around with that sample but no luck

I don’t mind being charged a fee for this

Thanks in advance

I may not fully understand your requirements, but that sounds like you’re just trying to make a lightbox style script.

if they don’t help then fancyBox has a mouse scroll next/right feature (if that’s what you mean by scroll): http://fancyapps.com/fancybox/#examples

Hey dtbaker,

Thanks for the links.

I really wanted to stick to jquery tools rather than use an different jquery plugin seeing am using alot of their other components.

Thanks.

scrollbar can be made with the overflow-x, overflow-y or overflow CSS properties.

to scroll forward:

var amountToScroll = 10;
var scrollPosition = $('#elementToScroll').scrollTop();

$('#elementToScroll').scrollTop(scrollPosition+amountToScroll);

to scroll backwards:

var amountToScroll = 10;
var scrollPosition = $('#elementToScroll').scrollTop();

$('#elementToScroll').scrollTop(scrollPosition-amountToScroll);

i’m not sure if this is what you were looking for, but if it’s to scroll back and forth in an element this is how you do it. you may have to implement some checks in there though (like when the sum or difference gives a bad value).

Thanks @designcise and @dtbaker for your solutions and suggestions.

@designcise – what i was looking for implementing the fancybox kind of gallery which allows to navigate through the photos without leaving the lightbox. Sorry for not describing it well enough.

Seeing that I am already using jquerytools for other plugins I really wanted to reduce the size of my js files by only using one lib rather than include jtools + fancybox, but anyhu, I’ve had to go that way

Thanks once again