Comments on: Canvas Gallery with reflections

by: Più di 100 gallerie fotografiche in AJAX, Flash e PHP – Riparto da Zero

Mon, 01 Mar 2010 12:40:37 +0000

[...] Canvas Gallery with reflections (Beta), Prototype [...]

by: Più di 100 gallerie fotografiche in AJAX, Flash e PHP — Studio404 Web Agency

Wed, 03 Feb 2010 09:53:04 +0000

[...] Canvas Gallery with reflections (Beta), Prototype [...]

by: 20 awesome image galleries. « Paul Rostorp’s Blog

Mon, 22 Jun 2009 09:43:40 +0000

[...] Canvas gallery with reflection [...]

by: 100+ Photo/image galleries (AJAX, Flash, PHP)

Wed, 27 May 2009 19:03:58 +0000

[...] Canvas gallery with thumb reflection. Based oin Prototype and reflection.js. Beta version. Requirements: Prototype [...]

by: Canvas Gallery Reflections | Themeflash : The Better Resources For All Your Web Needs

Mon, 25 May 2009 07:04:29 +0000

[...] [...]

by: 100 бесплатных ajax, flash, php скриптов галерей и фотоальбомов | Help For Web Developers

Mon, 20 Apr 2009 10:23:30 +0000

[...] Canvas gallery with thumb reflection. Based oin Prototype and reflection.js. Beta version. Requirements: Prototype [...]

by: proimond

Fri, 30 Jan 2009 20:15:05 +0000

if(0 > margin ){
margin = margin+element.fxoptions.step;
element.setStyle({marginLeft:margin+'px'});
}
}

element.fxoptions.timeoutHandler=setTimeout(element.scrolRight.bind(element), element.fxoptions.timeout);

by: proimond

Fri, 30 Jan 2009 20:12:00 +0000

if(margin

by: proimond

Fri, 30 Jan 2009 20:10:39 +0000

scrolRight:function(element,step){
element=$(element);
var margin = element.getStyle('marginLeft');
var totalAncho = element.getStyle('width');

var imagenes = $('imgs');
var anchoImagenes = imagenes.getStyle('width');

totalAncho = parseInt(totalAncho.replace('px',''));
anchoImagenes = parseInt(anchoImagenes.replace('px',''));

if( totalAncho > anchoImagenes ){
margin = parseInt(margin.replace('px',''));
if(margin

by: proimond

Fri, 30 Jan 2009 20:09:53 +0000

It's an awsome script but incomplete

The first thing that i realized was that the images never stop at the limits (right and left) and that was very annoyed so what I did was this

scrolLeft:function(element,step){
if(element.fxoptions.active) element.fxoptions.active=false;
var margin = element.getStyle('marginLeft');
var totalAncho = element.getStyle('width');

var imagenes = $('imgs');
var anchoImagenes = imagenes.getStyle('width');

totalAncho = parseInt(totalAncho.replace('px',''));
anchoImagenes = parseInt(anchoImagenes.replace('px',''));

if( totalAncho > anchoImagenes ){

margin = parseInt(margin.replace('px',''));
margin1 = -1 * margin;
margin1 += anchoImagenes;

if( totalAncho > margin1){
margin = margin-element.fxoptions.step;
element.setStyle({marginLeft:margin+'px'});
}

}

element.fxoptions.timeoutHandler=setTimeout(element.scrolLeft.bind(element), element.fxoptions.timeout);

scrolRight:function(element,step){
element=$(element);
var margin = element.getStyle('marginLeft');
var totalAncho = element.getStyle('width');

var imagenes = $('imgs');
var anchoImagenes = imagenes.getStyle('width');

totalAncho = parseInt(totalAncho.replace('px',''));
anchoImagenes = parseInt(anchoImagenes.replace('px',''));

if( totalAncho > anchoImagenes ){
margin = parseInt(margin.replace('px',''));
if(margin