jQuery Plugins
  • Facebook
  • Twitter
  • Google+
  • Pinterest
  • RSS
  • Categories
    • Tutorials
    • Popular
    • Submit Plugin
    • Follow Us
      • Twitter
      • Facebook
      • Google+
      • Pinterest
      • RSS
    • Advertise
    • jQuery Plugins Tagged ‘thumbnail’

    • desoSlide – jQuery Image Slider with Thumbnails

      • May 19, 2013
      • 187
      • Slider , Gallery
      desoSlide – jQuery Image Slider with Thumbnails

      desoSlide is simple jQuery image slider with thumbnails. You can control the slider by clicking or pressing your keyboard keys. Also there are some options to customize slider. Caption is avaliable for each image.


      • Read More →
      • Website →
      • Demo →
    • MediaSlide – jQuery Media Viewer Plugin with Thumbnail Bar

      • April 26, 2013
      • 292
      • Slider , Gallery
      MediaSlide – jQuery Media Viewer Plugin with Thumbnail Bar

      MediaSlide is a media gallery viewer plugin with a sliding thumbnail bar - performs transition effects when you move between images.

      This plugin supports many different sources for media galleries - it can read galleries directly from your Flickr account, or they can be specified via XML or JSON. Also many customization parameters are provided.


      • Read More →
      • Website →
      • Demo →
    • Gallerie – Lightbox Like jQuery Gallery Plugin

      • April 02, 2013
      • 470
      • Gallery
      Gallerie – Lightbox Like jQuery Gallery Plugin

      Gallerie is a jQuery plugin that offers a basic lightbox-like gallery viewer of a collection of images.

      It features a simple overlay with a scrollable thumbnail list, image loading hint, as well as an image caption and index. The overlay thumbnails automatically scroll with the user's mouse and can be activated by click or custom event.


      • Read More →
      • Website →
      • Demo →
    • jQuery Responsive Thumbnail Gallery Plugin

      • March 31, 2013
      • 340
      • Gallery , Responsive
      jQuery Responsive Thumbnail Gallery Plugin

      Responsive Thumbnail Gallery is a jQuery plugin for creating image galleries that scale to fit their container.


      • Read More →
      • Website →
      • Demo →
    • Thumbnail Grid with Expanding Preview Like Google Images

      • March 19, 2013
      • 2226
      • Gallery , Grid & Layout
      Thumbnail Grid with Expanding Preview Like Google Images

      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.


      • Read More →
      • Website →
      • Demo →
    • Thumbnails Preview Slider with jQuery

      • February 28, 2013
      • 468
      • Slider , Gallery
      Thumbnails Preview Slider with jQuery

      In this tutorial you are going to create and use a thumbnails preview slider with jQuery. Thumbnail preview slider will hwlp you to create cool photo/image galleries.


      • Read More →
      • Website →
      • Demo →
    • Rondell – Display Images and Other Content in Nice Way

      • February 06, 2013
      • 665
      • Slider , Gallery , Carousel , Scroll
      Rondell – Display Images and Other Content in Nice Way

      Rondell is a jQuery plugin for displaying galleries and other content the way you want.

      The rondell can be controlled with your keyboard, by clicking the controls or by clicking the rondell items. Touching items and swiping on a phone or tablet computer will work too.


      • Read More →
      • Website →
      • Demo →
    • Sticky Captions Concept with jQuery

      • December 13, 2012
      • 379
      • Others
      Sticky Captions Concept with jQuery

      When adding captions to the bottom of a thumbnail it can happen that a thumbnail that is overflowing the viewport (i.e. is partly beyond the “fold”) is being hovered but the caption won’t be seen because it appears on the bottom part of the image that is not visible. The user would have to scroll the page in order to see the bottom of the item and eventually the caption.

      A small trick can solve that problem by simply making the caption “sticky”. This would mean that the caption will be visible not only at the bottom of every thumbnail but also in any place, sticking at the bottom of the page, if the thumbnail hovered is overflowing the current view.


      • Read More →
      • Website →
      • Demo →
    • StackSlider – A Fun 3D Image Slider

      • December 03, 2012
      • 1266
      • Slider , CSS3 & CSS
      StackSlider – A Fun 3D Image Slider

      StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun viewing concept for thumbnails, utilizing CSS 3D transforms and perspective.

      The idea is to navigate through two piles of images where the transition resembles an item being lifted off from the top of the stack and moved/rotated to the center of the container to be viewed. The previously viewed image falls on the opposite stack.


      • Read More →
      • Website →
      • Demo →
    • Animated Responsive Image Grid jQuery Plugin

      • November 23, 2012
      • 826
      • Responsive , Grid & Layout
      Animated Responsive Image Grid jQuery Plugin

      A jQuery plugin for creating a responsive image grid that will switch images using different animations and timings.

      This can work nicely as a background or decorative element of a website since we can randomize the appearance of new images and their transitions.


      • Read More →
      • Website →
      • Demo →
    • Responsive Image Gallery with Thumbnail Carousel

      • November 11, 2012
      • 1090
      • Gallery , Carousel , Responsive
      Responsive Image Gallery with Thumbnail Carousel

      Here you ll learn how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width.

      The gallery will have a view switch that allows to view it with the thumbnail carousel or without.  


      • Read More →
      • Website →
      • Demo →
    • Draggable Image Boxes Grid with jQuery

      • August 28, 2012
      • 3152
      • Drag & Drop , Effects , Grid & Layout
      Draggable Image Boxes Grid with jQuery

      Here you ll learn how to create a template with a fullscreen grid of images and content areas.

      The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.


      • Read More →
      • Website →
      • Demo →
    • Instagram jQuery Plugin

      • June 26, 2012
      • 1481
      • Gallery , Social
      Instagram jQuery Plugin

      A simple jQuery plugin to show a list of Instagram photos.


      • Read More →
      • Website →
      • Demo →
    • 3D Thumbnail Hover Effects with CSS3 and jQuery

      • June 24, 2012
      • 1663
      • CSS3 & CSS , Effects
      3D Thumbnail Hover Effects with CSS3 and jQuery

      Here you will create some exciting 3D hover effects using CSS3 and jQuery. This idea is inspired by the cool hover effect that you can find on the page of the Google SketchUp Showcase.

      We’ll use thumbails that will reveal some more information on hover. We will create a structure with jQuery that will allow making the image appear as folded or bended when we hover

      • Read More →
      • Website →
      • Demo →
    • Merging Image Boxes With jQuery

      • May 31, 2012
      • 1524
      • Slider , Gallery , Effects
      Merging Image Boxes With jQuery
      This is a nice effect for images with jQuery. The idea is to have a set of rotated thumbnails that, once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again.

      When the window gets resized, the positions of the thumbnails will automatically adapt to fit the screen.
      • Read More →
      • Website →
      • Demo →
    • ← Previous
    • 1
    • 2
    • Next →

    Popular

    • Plugins
    • Tags
    • Tutorials
    • FeedEk jQuery RSS/ATOM Feed Plugin
    • least.js – Responsive HTML5 and CSS3 Gallery with LazyLoad
    • Sco.js – Javascript Extensions for Bootstrap
    • Any List Scroller – jQuery Plugin To Scroll Lists
    • jQuery Thumbnail Scroller Plugin
    • Sly – jQuery Plugin for One-Directional Scrolling
    • JSON Editor jQuery Plugin
    • Horizontal Slide Out Menu
    • Responsive Product Grid Layout
    • Tooltip Menu
    • Thumbnail Grid with Expanding Preview Like Google Images
    • Responsive Retina-Ready Menu
    • Ajax File Upload Form with jQuery
    • How to Create Windows-8-like 3D Animations with CSS3 and jQuery
    horizontal scroller vertical scroller thumbnail scroller grid lightbox menu news scroller vertical slider 3D Slider timeline Twitter carousel Instagram YouTube image effect input format slider 3D effect table breadcrumb jQuery Twitter Bootstrap modal box dropdown 3D transform select list news ticker text effect image resize Vimeo scroll tooltip confirm box dynamic layout content slider video input mask bootstrap treeview zoom
    • Categories

    •  
    • Loading
    •  
    •  
    • Loading
    •  
    • Follow & Subscribe

      RSS
    • Subscribe to our email newsletter for useful, latest jQuery plugins sent out everyday.

    • Follow
    • Follow Us on Pinterest
    • May 2013 jQuery Plugins →
    • April 2013 jQuery Plugins →
    • March 2013 jQuery Plugins →
    • February 2013 jQuery Plugins →
    • January 2013 jQuery Plugins →
    • December 2012 jQuery Plugins →

    Follow Us

    • Facebook
    • Twitter
    • Google+
    • Pinterest
    • RSS

    Categories

    Subscribe and Get Updates RSS

    Subscribe to email newsletter for latest jQuery plugins sent out everyday.

    • » Home
    • » Submit jQuery Plugin
    • » Tutorials
    • » RSS
    • » Advertise
    • » Useful jQuery Resources
    jQuery Plugins
    Back to top