The Mask

Made in The Wall

Create a mask and use The Wall as content? Mmm, here is how you may have an interesting interaction with The Wall. All the characteristics you have in a traditional wall... masked.



CONFIGURATION


Snippet code Html

            		

Configuration The Wall
                    var images = [
                                    "url1",
                                    "url2",
                                    "url3",
                                    ...
                                    "url9"
                                 ];

                    // Define The Wall
                    var wall = new Wall({
                                "target":"wall",
                                "draggable":true,
                                "autoposition":true,
                                "slideshow": true,
                                "handle":"overlay",
                                "inertia":true,
                                "width":600,
                                "height":600,
                                "rangex":[0,10],
                                "rangey":[0,1],
                                callOnUpdate: function(items){
                                     items.each(function(e, i){
                                        e.node.setStyle("background", "url("+images[e.y]+") no-repeat center center");
                                     })
                                }
                             });