https://github.com/carlwoodhouse/jquery.hoverGrid

A simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption
https://github.com/carlwoodhouse/jquery.hoverGrid

Last synced: 18 days ago
JSON representation

A simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption

• Host: GitHub
• URL: https://github.com/carlwoodhouse/jquery.hoverGrid
• Owner: carlwoodhouse
• Created: 2012-07-20T10:44:39.000Z (over 12 years ago)
• Default Branch: master
• Last Pushed: 2014-10-22T10:49:47.000Z (about 10 years ago)
• Last Synced: 2024-08-01T00:40:23.172Z (3 months ago)
• Language: CSS
• Size: 245 KB
• Stars: 16
• Watchers: 3
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# jquery.hoverGrid

A simple, lightweight jQuery plugin for creating a grid of images which when hovered reveals a caption

## Installation

Include script *after* the jQuery library

    

	

If you want the default styles also include the css, if not feel free to style it as you see wish!

	

## Usage

create the html markup for the grid in your file

	


		


			

			


				
Some Title

				
This is a caption to end all captions

			

		
                 

	


apply the js, example:

	

		$(document).ready(function() {

		  $('#whatever').hoverGrid();

		});

	

	

Full Example

	Check out our [github-page] (http://carlwoodhouse.github.com/jquery.hoverGrid)

	

## Options

**itemClass** - Define a class for the grid items

    itemClass: '.alternate-class'

	

*Default: '.item'*

## Authors

* [Carl Woodhouse](https://github.com/carlwoodhouse)

* [Mark Searle](https://github.com/marksearle)