Get new jQuery plugins just once a week
October 7, 2013
Block Slide | Modal Window Image gallery jquery plugin
Block Slide is a little jQuery plugin that creates an image slider which gives more information when clicked on with cool css3 transitions.Block-Slide is a pretty simple plugin that adapts quite nicely to mobile devices but you may have to alter some settings if you change the number of images in the slider.
It has got the following options :-
- incheight – The height of the modal boxes after the user clicks on the image slides.
- margin – The right margin between each of the individual image slides.
- animation – The animation you wish to use for the modal boxes as they slide in.
- animationLength – The length you wish the entire animation process to go on in seconds.
- delayBetween – The delay between the boxes being animated in in the initial slide in process in seconds.
- blur –If you set this to true the image you provide will be blurred with webkit’s filter blur. It only works in webkit browsers and carries severe performance issues if you use it.
- mobileFactor – This is a number which is manipulated to make the boxes appear as different sizes on mobile devices. You might want to increase this if you use more than 4 boxes in the slider. The default is 3. A bigger number will make the boxes smaller on mobile devices.
Created by inserthtml
Sign up for our weekly newsletter.