Skip to content

SlideShow true, doesn't show images to the right (upon slide) #15

@jcarvalh

Description

@jcarvalh

Hi,

Great js ... !!

I've got this working correctly with a finite number of images, and draggable.

My issue, is when I try to configure the wall to run as a slideshow, it doesn't load the remaining range to the right...
It slides, but the new area is blank.

My code:
var maxLength = 14; // Max Number images
var counterFluid = 1;
var wallFluid = new Wall("wall", {
"draggable":true,
"inertia":true,
"slideshow":true,
"speed":4500,
"showDuration":10,
"transition":Fx.Transitions.Expo.easeInOut,
"width":150,
"height":150,
"rangex":[-100,100],
"rangey":[-100,100],
"startx":0,
"starty":0,
callOnUpdate: function(items){
items.each(function(e, i){
var a = new Element("img[src=img/"+counterFluid+".png]");
a.inject(e.node).fade("hide").fade("in");
counterFluid++;
// Reset counter
if( counterFluid > maxLength ) counterFluid = 1;
})
}
});

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions