Building a photo gallery using z-index property
A photo gallery is a common feature on most social media sites. There are many ways of building these galleries using jQuery. In this recipe, let's use the z-index CSS property to build one such application. The following table shows a summary of the constructs used in this example:
Construct |
Type |
Description |
---|---|---|
|
jQuery selector |
This selects an element based on its ID. |
|
jQuery selector |
This selects all elements with the specified HTML tag. |
|
jQuery object |
This refers to the current jQuery object. |
|
jQuery event |
This is fired when you click on an element. It corresponds to the JavaScript |
|
jQuery method |
This gets the style property for the first matched element or sets the style property for every matched element. |
|
jQuery method |
This iterates over the matched elements and executes a function for each element. |
|
jQuery method... |