3D Gallery with CSS3 and jQuery

Read more

Demo

Download

With 3D transforms, they can make simple elements more fascinating by setting them in to dimensional space. Together with CSS transitions, these elements can be moved in 3D space and generate a realistic effect. Today, they would like to share an experimental 3D gallery with you that makes use of CSS 3D transforms.

CSS3 3D Animations for Image

Read more

Demo

Download

Today they would like to share some experimental 3D picture transitions with you that use CSS3 animations & jQuery. We'll be using CSS3 3D Transforms for Webkit only. Check out the Photograph Transitions at the Safari Expertise Demos site, a number of which they got inspired by. The images used in the demo are by Joanna Kustra. note that the 3D effects will only work in Webkit browsers. You can view a video of how the effects look here: Experimental CSS3 Animations for Picture Transitions Video Demonstration

Html5 Video Converter Free Download

Read more

Demo

Download

HTML5 is the quickest growing web development trend and HTML5 video as an element of HTML5 becomes the new natural way to show video online. iPad, iPhone, Android, all new browsers declare the support for HTML5 video. It's great, but what is the usual route to generate HTML5 video? First you need to find converters and make versions of your video.OGG, MP4, WebM. Then, to provide the compatibility with IE and elderly browsers you add a fallback Flash version of your video with Flash video player. And finally, you extract an picture for poster and write batch lines of code to combine all of it complicated?

Full Page Image Gallery with jQuery

Read more

Demo

Download

Full Page Picture Gallery with jQuery

In this tutorial they are going to generate a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves.

Free simple image gallery jQuery

Read more

Demo

Download

Few days ago mate asked me to build picture gallery with thumbnails for her web page. Request was simple, they wanted massive picture and few thumbnails bellow that. Also, massive picture ought to have bar with description. When user click on thumb massive picture and description ought to modify.

Free Light Box Google Map

Demo

Download

Lytebox is a lightweight, cross-browser compatible and mobile friendly Javascript library and content viewer. It's simple to make use of, it's speedy, it's compatible with other libraries, and best of all, it's COMPLETELY FREE.

Light box is free and can be used on any net site that you own or administer. There is no fee or any restrictions on use, and there seldom will be. You can use it for your personal net site or to drive your business, and you can alter the code to extend the functionality in case you wish.

jQuery Lightbox Tuch Gallery

Demo

Download

A fullscreen photo gallery for touch-devices.

Supported Browsers:

The plugin was written & optimized for Mobile Safari walking on the iPad or iPhone four. It also runs in Dektop Safari, Firefox four, as well as in Opera & Chrome. The gallery is also viewable in older Firefox versions & Net Explorer, but the transition effects are missing.

Free Video and Content Slider With jQuery

Demo

Download

Image and content slider inspired by jQuery UI source. Require jQuery1.4.2 or higher

Image Content Slider Animation With jQuery

demo

Download

Features

• Panels are HTML Content (can be anything).
• Multiple AnythingSliders allowable per-page.
• Infinite/Continuous sliding (always slides in the direction you are going, even at “last” slide).
• Optionally resize each panel (specified per panel in css).
• Optional Next / Previous Panel Arrows.
• Use keyboard navigation or tabs that are built and added dynamically (any number of panels).
• Link to specific slides or go forward or back one slide from static text links – go to Slide 4 (Quote #2) in second example.
• Each panel has a hashtag (can link directly to specific panels).
• Optional custom function for formatting navigation text.
• Auto-playing slideshow (optional feature, can start playing or stopped)
• Pauses playing YouTube videos when not in view and resumes them when in view (only in non-IE browsers & if files are hosted on the web).
• Pauses slideshow on hover (optional).
• Optionally play the slideshow once through, stopping on the last page.

jQuery Light Box Plugin Free Download

Read more

Demo

Download

Create thumbnails basically from high-res images, without any distortion, with line of code. You may even select thumbnail dimensions directly from CSS. Integrates prefectly with any media gallery, even more usefull in dynamic web application when you can face any shape or size.

jQuery Image Scrolling Effcet Plugin

Demo

Download

Make a list of items scrolls in a circle is a simple task. A tiny bit of CSS, a few dozen lines of code. But as a web developer, I must keep writing this over and over again and I couldn't discover a flexible plugin for me. So I wrote up this plugin so web developers/designers can quickly generate anlist of item with earlier and next button to scroll through the list in circle. You can also set an interval so the list will scroll automatically.

You can go straight to my demo pages. It's the effect example, it's better then me descript the effect in word. It also include the explaination of the choices for the plugins. You can download the whole demo or the javascript itself.

Free jQuery Image Scrolling Animation Plugin

Read more

Demo

Download

Scroller is a plugin for jQuery that allows display images in the form of round markers

Free jQuery Image Gallery Plugins

Read more

Demo

Download

After Wall Scripts, JQuery galleries are most liked part on this weblog So I decided to generate another. zSlider is a pretty picture slider for your web applications. 99POINTS created this for those individuals who needs afancy jquery picture slider with a simple to make use of but for limited number of images. This slider accepts lists of images, each list will have 12 thumbs limit which means you can add 24 images in this gallery. Currently this version has some limitations such as number of images to be used and maximum limit of images. But it is of best gallery 99POINTS have created.

jQuery Image Gallery Free

Demo

Download

Fotorama is powerful yet flexible image gallery plugin for jQuery that is compatible with all type of computers, iPhones and any mobile devices. Fotorama allows users to include thumbnails, prev- next buttons, swiping, slideshows or bullet navigation. Fotorama assists users to arrange the dimension and position of the slider and thumbnails and also users can define captions to images.

jQuery Slick Content Slider Plugin

Read more

Demo

Download

Web masters constantly search for ways to optimize the way content is introduced on their sites. With the advent of terms like above the fold it is ever so important to provide eye-catching & functional user interfaces.

Free jQuery Image Moving Animation Gallery

Demo

Download

jQuery powered slider-thingy. Boxes slide by left & right by clicking the tabs, clicking the next box itself, or using the keyboard. They also zoom in & out.

Free jQuery Image Slideshow Plugin

Demo

Download

Slideshow two! is a javascript class for Mootools one.2 to stream and animate the presentation of images on your net site. This page features some examples of how Slideshow might be used to enhance the presentation of images on your net site. view the source of this page for usage information.

Free jQuery Image Slideshow

Demos

Download

implement your slideshow with the Agile Carousel JQuery plugin. Highly customizable so you can build according to your requirements. JSON information format is used to provide simpler integration with outside information or information from your CMS. Use it for agile web development. This is an all new version written from scratch. JQuery UI effects and the ability to read files on the dedicated server are no longer included. New features are added, such as Control Sets which permit for a more customizable setup. Now posted on Github for faster development.

jQuery Animtion Gallery Plugin

Read more

Demo

Download

Highlights:

Smooth CSS3 animations and transitions; A responsive CSS interface that fills the screen and responds to changes in tool orientation; Preloads pics only when they are needed;Supports swiping through photos; Displays onscreen arrows and listens for arrow key presses on desktop browsers;

Html5 Image Gallery

Demo

Download

Interactive Polaroids (html5)