A nice tutorial from Codrops on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images. The idea is to open a preview when clicking on a thumbnail and to show a larger image and some other content like a title, a description and a link.http://jquery-plugins.net/thumbnail-grid-with-expanding-preview-like-google-images
Thumbnail Grid with Expanding Preview Like Google Images
Recent Article
-
![Weather Map – Beautiful, Dynamically-Updated, Searchable Maps with Javascript]()
Weather Map – Beautiful, Dynamically-Updated, Searchable Maps with Javascript
-
![Select2 – The jQuery replacement for select boxes]()
Select2 – The jQuery replacement for select boxes
-
![Time.is]()
Time.is
-
![Tilt Hover Effects with CSS and Javascript]()
Tilt Hover Effects with CSS and Javascript
-
![CSS Scan 2.0]()
CSS Scan 2.0
-
![OWL Carousel – Touch Enabled and Responsive jQuery Carousel Slider]()
OWL Carousel – Touch Enabled and Responsive jQuery Carousel Slider
-
![Add Options from array in Select using jQuery]()
Add Options from array in Select using jQuery
-
![Sal.js – Lightweight Scroll Animation Library]()
Sal.js – Lightweight Scroll Animation Library
-
Scroll Depth
-
![JuliusJS – Speech Recognition Library for Web]()
JuliusJS – Speech Recognition Library for Web
-
![Advanced Search Form with jQuery and CSS]()
Advanced Search Form with jQuery and CSS
-
![Blotter.js – JavaScript API for Drawing Unconventional Text Effects]()
Blotter.js – JavaScript API for Drawing Unconventional Text Effects
-
![jQuery Toast Plugin]()
jQuery Toast Plugin
-
![Microlight.js – 2.2k for syntax highlighting. In any programming lanugage]()
Microlight.js – 2.2k for syntax highlighting. In any programming lanugage
-
![MediaElement.js – Best video player for websites]()
MediaElement.js – Best video player for websites
Leave a Reply
Popular
-
![Meet Snapshot, GNOME’s New Camera App]()
Meet Snapshot, GNOME’s New Camera App
Oct 11th, 2024 -
![Using an SVG sprite icon system in Angular]()
Using an SVG sprite icon system in Angular
Sep 14th, 2023 -
![On-Scroll Pixelated Image Loading Effect]()
On-Scroll Pixelated Image Loading Effect
May 30th, 2023 -
![Textify.js – Scroll Based Text Reveal Animation Library]()
Textify.js – Scroll Based Text Reveal Animation Library
May 25th, 2023 -
ScrollyVideo.js – Responsive Scrollable Videos
Apr 2nd, 2023
Appreciate you sharing, great blog. Want more.
I think this is a real great article. Much obliged.
Very good blog.Thanks Again. Really Great.
Im thankful for the blog post.Really thank you! Cool.
I really enjoy the blog post.Much thanks again. Really Cool.