X-Transition-Boxes veri nise application for presentation your product into web.
Features:
- Infinite scroll
- 8 different transition with masonry
- Zoom effect for images
- Responsive 100%
- Easy to use!!
Best jQuery Gallery Plugins & Tutorials with Demo
Reddit Image Browser with jQuery & Html5
Reddit Image Browser is a client-side image browser for Reddit. The application uses jQuery to fetch and process unauthenticated JSONP. Some rendering is done with D3.js with the eventual goal of creating richer visualizations and user interactivity. HTML 5 Local Storage is used to maintain state.
Features:
- Runs entirely in your browser.
- Identifies post type (i.e. NSFW, videos, self) and displays content in an appropriate format.
- Infinite scrolling with automatic asynchronous loading.
- Hotkeys, such as
jto go to next post andcto open comments page, enable fast browsing. - Your subreddit selections persist across sessions via HTML 5 Local Storage.
- Local Storage support for IE provided by Remy Sharp’s storage polyfill.
- Retries on load error.
S Gallery: A Responsive jQuery Gallery Plugin with CSS3 Animations
S Gallery is a responsive jQuery gallery plugin with CSS3 animations.It is inspired from SONY’s products gallery which is made in Flash.The gallery is accessible by keyboard and you can navigate through the images via keyboard shortcuts.
The plugin makes use of HTML5’s FullScreen API, and relies heavily on CSS3 animations goodness and CSS3 transforms, so it will work only in browsers that support these features.
Relocator.js : jQuery plugin to create Photo Gallery
Relocator is lightweight jQuery plugin to create photo gallery. this plugin will make the different size images to fit with the specified canvas without “size resizing”.
Features:
- Plugin will resize the image and fit within the given canvas without “size resizing”
- Also provide extra feature like show the title and animate the image description on mouse hover.
PopCircle : jQuery Florid Customize Image Gallery Plugin
Pop Circle is a Florid Jquery Plugin for Customize Image Gallery to turn the Html image element into a Pop Circle..
Features:
- Can customize the pop circle limits based on your needs.
- Can Show the Popcircle around the trigger as full circle, half circle or quarter Circle.
- Easy to customize animation time and easing functionality
jQuery Horizontal Gridfolio Pro
Horizontal Gridfolio Pro is a fully responsive media grid plugin that allows you to display media content with an unique and original layout. It’s perfect for presentations, for anyone that want to obtain a great impact on their visitors.
Horizontal Gridfolio Pro features a large variety of options, it can have any number of categories and each category can have any number of images. When a thumbnail is pressed you can choose either to display an original media lightbox which we have coded, no action or open a webpage. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo.
Features:
- Responsive / Flexible / Fluid layout: the grid can be used with three display types, responsive/fixed, fluid width or fullscreen.
- Autoscale: The grid can resize it’s height proportional to the width this way on smaller screens it will keep a correct ratio and it will be completely visible (optional).
- Drag or Scroll Function: The grid can be dragged with the mouse/finger or scrolled like a regular HTML page.
- Mouse wheel support: The grid can be scrolled with the mouse wheel (optional).
Horizontal Portfolio Layout with CSS3 Animations & jQuery
In this tutorial today we’re going to create a horizontal portfolio layout with cool hover effects inspired. The website is made in Flash, so I thought it would be nice to recreate the flash hover effect of the portfolio items using CSS3 animations and transitions, and some jQuery to replicate the image pan effect on hover.
I’ve also added a simple falling down effect on scroll, where the portfolio items fall down as soon as they enter the visible area of the viewport.
CollagePlus : jQuery image gallery plugin
This plugin for jQuery will arrange your images to fit exactly within a container. You can define the padding between images, give the images css borders and define a target row height.
CollagePlus relies on all images being loaded before it can calculate the layout. It does not run off image sizes specified in the DOM. If you have image sizes available in the DOM then you’re probably better off calculating the layout server-side (assuming that’s where you got the image sizes from) and writing the result directly to the HTML template you’re generating.
