SwappingWall.jquery
This is a very simple jQuery plugin, which create simple wall-gallery, and animation with randomly swapping items. This plugin is responsive and easy to use. You can use it for free.
Requirements
Requires jQuery minimum v2.2.1
Example
Creating div with some pictures
// HTML <div class="list"> <img src="img/img1.jpg"> <img src="img/img2.jpg"> <img src="img/img3.jpg"> <img src="img/img4.jpg"> <img src="img/img5.jpg"> <img src="img/img6.jpg"> <img src="img/img7.jpg"> <img src="img/img8.jpg"> </div>
Making them floating
// CSS .list{ width: 100%; padding: 0; margin: 0; } .list img{ float: left; }
Example of settings
// JS $('.list').SwappingWall({ 'time': 2000, 'itemsInRow': 4, 'duration': 400, 'responsive': [ { 'breakpoint': 991, 'itemsInRow': 3, }, { 'breakpoint': 768, 'itemsInRow': 2, } ] })
Options
itemsInRow
[integer,require
]
How much items will place in row.time
[integer, default2500ms
]
Time between animations.duration
[integer, default500ms
]
Duration of animation.responsive
[object, defaultnone
]
Object containing breakpoints and settings objects. Enables settings sets at given screen width.breakpoint
[integer, defaultnone
]
Fires after a breakpoint is hit.stop
[boolean, dafaultfalse
]
Enable/Disable gallery on specific breakpoint.
Feedback/bugs
This is my first project on github, so, please, don't judge strictly :)
And if you found a bug, please, post it under "issues".