This here is Javascript that you should add on your page
var myMooFlowPage = {
start: function(){
/* MooFlow instance with the complete UI and Viewer */
var mf = new MooFlow($('MooFlow'), {
startIndex: 1,
reflection: 0.4,
bgColor: 'transparent',
useSlider: false,
useAutoPlay: true,
useCaption: true,
useResize: true,
useMouseWheel: true,
useKeyInput: true,
useViewer: true
});
mf.attachViewer();
$$('.loadremote').addEvent('click', function(){
mf.loadHTML(this.get('href'), this.get('rel'));
return false;
});
}
};
window.addEvent('domready', myMooFlowPage.start);
And that is HTML code
That easy to achieve that beautiful effect!!!
This Javascript Mootools SlideFX implementation is so far one of the best which i come across around web, i already used in one of my projects and client loved it. You can see it here. So i decided to put here my experience with it.
There are several requisites that you have to download to make this nice Javascript carousel image gallery work. For those please visit the site of author of this nice mootools slideFX implementation
