🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. jQuery Plugin For Creating An Image Grid with Dropdown Layers

jQuery Plugin For Creating An Image Grid with Dropdown Layers

A tiny jQuery plugin for creating a responsive neat grid layout with dropdown layer boxes displaying more details about your images.

grid-layout Drop-Down
Download Tutorial

Documentation

jquery-plugin-dropdownLayer

Simple plugin for jQuery for dropdown layers Build Status

v0.1  09/06/2014 initial version v0.2  17/07/2014 rewrote js to coffescript and added option `disableDropdownClass` for custom disabling of dropdown item v0.3  27/11/2015 Added new options:  'slideUpSpeed', 'slideDownSpeed', 'useSlideDown','useSlideUp','transitionEffect','callOnCompleteHide', 'callOnCompleteShow'

Test page 5th element is disabled, try to resize window with active layer: http://viktoraksionov.github.io/jquery-plugin-dropdownLayer/dist/html/index.html

You May Also Like

jQuery Plugin For Golden Ratio Web Grid Layout - StayGolden

Simple jQuery Plugin For Matrix Style Grid Layout - Gridly.js

Fluid & Ajax-enabled jQuery Pinterest Style Grid Layout

Super Simple jQuery Pinterest-Style Grid Layout - Boxify.js

jQuery Plugin For Responsive Hexagon Grid Layout - Honeycombs

Responsive Fluid Grid System with jQuery and CSS3 - GridLayout

jQuery Plugin For Diagonal Grid Layout - nnmgrid

Simple jQuery Plugin To Create Pinterest Style Grid Layout - Pinterest Grid

Dynamic & Auto-resizing Grid Layout Plugin with jQuery - boxfish.js

jQuery Plugin For Creating An Image Grid with Dropdown Layers

Minimal Cross-platform Responsive Grid Layout with jQuery and CSS3

Intuitive Draggable Layout Plugin For jQuery - Gridster

Dynaimc Pinterest-Style Grid Layout with Endless Scrolling - jq-waterfall

Flexible & Responsive jQuery Grid Layout Plugin - Flexgrid

jQuery Plugin For Creating Responsive One Page Scrolling Web Layout - vPageScroll.js

Responsive Full Page Grid Layout Plugin with jQuery - Fill.js

Fancy jQuery & CSS3 Based Hexagon Image Gallery

Simple Masonry Layout Plugin For jQuery - indyMasonry

Masonry-style Fluid Image Grid Plugin For jQuery - fluid

Lightweight and Dynamic Javascript Grid Layout - Salvattore

Pinterest-like Fluid Layout with Infinite Scroll - jQuery Waterfall

Pinterest-like Responsive Grid System with jQuery - jaliswall

Lightweight Responsive Pinterest Layout with jQuery - Waterfall

Lightweight jQuery Pinterest-Like Fluid Grid Layout Plugin - Babylon Grid

Masonry-like Responsive Cascading Grid Layout Plugin - MosaicJS

Responsive Tiled Grid Gallery Plugin with jQuery - CSTiles

Responsive Equal Height Plugin with jQuery - ResponsibleHeight

Yet Another Pinterest Like Layout Plugin For jQuery - waterfall

Responsive Dynamic Tile Grid Layout with jQuery - tileWall

Tiny Responsive Grid Layout Plugin For jQuery - Marshal

Minimal Responsive Grid Layout Plugin For jQuery - Elements Grid

Inline-block Based Fluid Grid Layout Plugin For jQuery - tightgrid.js

Masonry-like Responsive Tiled Grid Layout Plugin With jQuery - Masonry.js

Minimalist Masonry-style Grid Layout Plugin - Masonry.js

Responsive & Dynamic jQuery Grid Layout Plugin - Brick Folio

jQuery Plugin For Drag and Drop Grid Layout - DND Grid

Metro Style jQuery Tiled Grid Layout Plugin - HeightMatch

jQuery Plugin For Responsive Justified Image Gallery - Justified

jQuery Plugin For Responsive Resizable Grid Layout - Resizeable.js

Adpative Cascading Grid Layout Plugin With jQuery - GridMaker

Responsive Expanding Grid / Tab Layout Plugin For jQuery - Gridtab

Pinterest-Like Dynamic Grid Layout Plugin with jQuery - Wookmark

Dynamic Responsive Tiled Layout Plugin For jQuery - wallyti

Pinterest Style Responsive Web Layout Plugin For jQuery - newWaterfall.js

Lightweight Masonry-like Grid Plugin For jQuery - grid.js

Responsive & Filterable jQuery Portfolio Gallery Plugin - Elastic Grid

Responsive Justified Gallery Plugin For jQuery - TJ gallery

Responsive Justified Image Grid/Gallery Plugin - jQuery imagesGrid

Simple Responsive Grid Layout Plugin - jQuery Drystone.js

Responsive Square Grid Layout For jQuery - Square.js

Random Grid Order Plugin With jQuery - rdmGrid

Fix Flexbox justify-content Issue With jQuery - jcsabfix

Create A Justified Grid Of Images With jQuery - Grid Horizontal

Pinterest Inspired Layout With Image Lazy Load - jQuery dnWaterfall

Responsive Masonry/Pinterest Like Grid Layout For Bootstrap 4/3

Responsive & Fluid Drag-and-Drop Grid Layout with jQuery - gridstack.js

Responsive Mosaic Grid For Images - jQuery Mosaic

Isotope - Magical Dynamic Layout Plugin For jQuery

Pinterest Like Masonry Grid For jQuery - columnsToJs

Flexbox Based Responsive Justified Layout With jQuery - Flex Gallery

jQuery Plugins

AngularJs Plugins