Jquery Grid list Plugin

How it works

The grid list plugin

  • Image 01
  • Image 02
  • Image 03
  • Image 04
  • Image 05
  • Image 06
  • Image 07
  • Image 08
  • Image 09
  • Image 10
  • Image 11
  • Image 12
  • Image 13
  • Image 14
  • Image 15
Pause Resume
$('#gridlist').gridList({
	columns: 3,
	rows: 3
});
  • Image 01
  • Image 02
  • Image 03
  • Image 04
  • Image 05
  • Image 06
  • Image 07
  • Image 08
  • Image 09
  • Image 10
  • Image 11
  • Image 12
  • Image 13
  • Image 14
  • Image 15
Pause Resume
$('#gridlist').gridList({
	columns: 2,
	rows: 3
});

Features

  • Define Columns and rows
  • Usefull to display featured articles or latest posts on your website
  • Customizable with CSS and Javascript callbacks
  • Use any content you want to display
  • jQuery Gridlist plugin was tested with jQuery v1.9.1

Plugin Settings

Option Default Value Description
columns 3 define how many columns the grid shoud have. The grid animation sequence will be calculated depending on this value
rows 3 define how many rows the grid shoud have. The grid animation sequence will be calculated depending on this value
speed 3000 set the speed of the list animation in milliseconds. I t defines the time between each animation step.
transitionSpeed 500 set the speed of the list transition in milliseconds
shuffle false Should the list be shuffled on startup?

API

Method Function Example
pause() Pause the grid list gridList.pause()
resume() Resumes a grid list if it has been paused before gridList.resume()

Tips and more

The Grid list Plugin can be integrated with your blog. Please contact me if you want to know more