Canvas Gallery with reflections

Canvas gallery with thumb reflection. Based oin Prototype and reflection.js First task was to extend Prototype and add 3 new functions: scrollLeft, scrollRight, and stopScroll. This may not seams completley necessary but it makes code a lot cleaner. Take scroll buttons for example: view plaincopy to clipboardprint? //Add event listeners on scroll buttons $(‘md’).observe(‘mouseover’,function(event){ $(‘img-holder’).scrolRight(); […]

Canvas gallery with thumb reflection. Based oin Prototype and reflection.js
First task was to extend Prototype and add 3 new functions: scrollLeft, scrollRight, and stopScroll.

This may not seams completley necessary but it makes code a lot cleaner. Take scroll buttons for example:

view plaincopy to clipboardprint?
//Add event listeners on scroll buttons
$(‘md’).observe(‘mouseover’,function(event){
$(‘img-holder’).scrolRight();
});
$(‘md’).observe(‘mouseout’,function(event){
$(‘img-holder’).stopScroll();
});

// as simple as that :]
I really learned a lot from this project, mostly about prototype.
Prototype really have awesome possibilities, all that you need is good plan and some coding skills.
Even if you are not top-notch ajax programmer there is a lot of examples and resources on the Internet.

Future of this project and usage

This project is still in deep beta, and if someone wants to use this gallery i advise to take demo page and modify it to your needs.
Otherwise you risk to loose some css or javascript dependency.

I will try to make new version of this as soon as possible.

Leave a Reply

Your email address will not be published. Required fields are marked *