The act of converting content from its original format into a format capable of being displayed on the web

Gallery

Gallery Category

Responsive Image Slider In Less Than 1kb — ResponsiveSlides

ResponsiveSlides is a jQuery plugin for creating a responsive slider.

responsiveslides Responsive Image Slider In Less Than 1kb    ResponsiveSlides

The slider works with IE6+, and keeps the css max-width property even in browsers that don’t natively support it.

It’s fully responsive and only requires jQuery (at least v1.4). Multiple instances are supported, and the markup is dead straight unordered lists. The only requirement is that you keep the images at a fixed size.

CSS3 Responsive Slider w/o JavaScript

CSScience have made a fresh post with a responsive slider that doesn’t use JavaScript for operating.

css3responsiveslider CSS3 Responsive Slider w/o JavaScript

In its core, the slider is just like any other JavaScript slider: it floats all of the content areas (articles) next to each other, and then hides the overflow.

Unlike other such experiments, this slider uses radio buttons instead of :target and anchor links, meaning that the back button works properly.

A Simple And Scrollable Carousel For Ender – Ender-carousel

Ender-carousel is an Ender library for creating a simple, scrollable carousel gallery.

ender carousel A Simple And Scrollable Carousel For Ender   Ender carousel

The markup is dead simple, and the library is only about 1.7kb (minified). Ender-carousel requires two Ender submodules for DOM manipulation and animations, which total at about 15kb more.

The carousels created with this library have support for CSS3 transitions and keyboard control.

Altogether, Ender-carousel a neat and tidy gallery with a surprising amount of functions.

A Free, Customizable And Powerful jQuery Slideshow – Camera

Camera is a jQuery slideshow that features a number of useful options, is customizable, and has a powerful API.

camera A Free, Customizable And Powerful jQuery Slideshow   Camera

Camera features about 30 options, such as pagination, pause on hover, auto advance, callbacks, and so on.

The API is quite simple and allows changing the data types used in the slides; the API is also used for manipulating the transitions.

As Camera is so rich with features that it seems that it’d be bloated in terms of size. However, the minified version weighs about 38kb — which is quite alright for a thorough library like this.

A Fancy Mosaic Gallery – jQuery Mosaic Gallery

Mosaic Gallery is a plugin by Gaurav Sharma that allows creating a simple mosaic gallery.

mosaicplugin A Fancy Mosaic Gallery   jQuery Mosaic Gallery

The plugin doesn’t exactly give you a lot of features to start with (but that’s good!), as there’s a single function where you pass a container id and an array of images.

However, the plugin thus becomes very manageable and extendable, so you can shape it according to your needs.

jQuery Slider Gallery With Infinite Style – Sequence.js

Sequence.js is a fully-customizable and feature-rich jQuery slider plugin.

sequencejs jQuery Slider Gallery With Infinite Style   Sequence.js

Among notable features of Sequence.js are support of multiple instances, non-JS fallbacks, responsiveness and touch support.

The documentation is well-written and includes sound advice on how to go about creating a customized gallery with Sequence.js.

Overall, Sequence.js is a better gallery than most in terms of customizability and features: for example, in the picture you can see icons used as representatives of slides. Awesome!