Browsing articles tagged with " jQuery"
Nov
4
2011

Slidorion: Image Accordion and Slider with jQuery

wa041_jqreuy_slidoron_01

Slidorion is a combination of an image slider and an accordion. It displays any image accompanied by a variable length description. With images linked to each tab, and accompanied by a large array of effects, the slidorion is a great alternative to the traditional jQuery slider.

Jul
9
2011

Slides JS : Free Slideshow Plugin For jQuery

j005_sliders_js_1

Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows. If you find a bug please submit an Issue or email support with a brief description of the bug and a link to where it can be reviewed. Slides is provided with limited support. If you need support please visit the Slides [...]

Jun
8
2011

Flux Slider: jQuery Animation Slider Plugin with CSS3

wa040_jqreuy_slide_css3_01

Flux slider is a jQuery and CSS3 animation based image transition framework, Flux inspired by Nivo Slider. Instead of the traditional Javascript timer based animations used by jQuery, Flux utilises the newer, more powerful CSS3 animation technology. Its in a fairly early/rough state at the moment but testing on the iPhone/iPad does appear to produce much smoother animations. Desktop performance (as with Nivo) is very smooth but the use of CSS3 enables us to produce [...]

Jan
22
2011

Tutorial : Sweet Thumbnails Preview Gallery with jQuery

wa032_sweet_thumbnails_preview_gallery_1

In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail. The idea is to hover over the slider dots and make the regarding thumbnail slide into the previewer. When clicking a slider dot, the full image will slide in from the right or left side, depending on the currently viewed image.

Jan
19
2011

Free HTML5 Slideshow with Canvas & jQuery

wa031_html5_slide_jquery_1

This HTML5 canvas element is a special element that allows us to create and modify graphics. In addition, we can also use it like any other element on the page – apply jQuery animations on it, listen for events and integrate it deeply into our layouts. With JavaScript, we are going to apply a special filter to every image in the slideshow. We will create a new version of the images, with higher contrast and more vivid colors, [...]

Oct
28
2010

SlideNote: A jQuery Sliding Notes Plugin

wa028_jQuery_sliding_note_1

SlideNote is a customizable, flexible jQuery plugin that allow us to display sliding notifications on our website or in our web application. It works when a user scrolls down a specified amount (pixel) and appears automatically at that point. SlideNote is compatible with jQuery 1.4.3 and current versions of major browsers. IE8 is the only version of Internet Explorer that is officially supported. You can select the corner that it’ll slide from and use any [...]

Oct
13
2010

Thumbnails News Previewer with jQuery

wa026_news_jquery_1

The news previewer will show some list of articles on the left side and the preview of the article with a longer description on the right. Once a news on the left is clicked, the preview will slide in. The preview div will contain content elements. Each one of them contains a preview image, a title and description along with some spans and a link to the real article.

Oct
9
2010

jQuery Polaroid Photobar Gallery with Thumbnails

wa025_jQuery_polaroid_gallery_1

Photobar albums script that will expand to sets of slightly rotated thumbnails that pop out on hover. The full image will slide in from the bottom once a thumbnail is clicked. In the full image view the user can navigate through the pictures or simply choose another thumbnail to be displayed. For this gallery we will be using the 2D Transform plugin to animate rotations. This albums include all our HTML in a div with [...]

Sep
30
2010

Orbit: A Slick jQuery Image Slider Plugin

wa023_orbit_jquery_slider_1

Orbit is a killer jQuery plugin that lets you create a simple, effective and beautiful slider for images of any size, and even includes some parameters for making awesome captions and a sweet timer. Most jQuery image sliders hover at around 8 kbs for minified versions, and around 15kbs or more for uncompressed development files, but what if there was a way to keep the simple fades, slides, and a couple other nifty bits, but [...]

Sep
28
2010

SideWays: Fullscreen image gallery with jQuery/CSS3

wa021_sideway_jquery_css_gallery_1

SideWays is simple and elegant fullscreen image gallery created with the jQuery framework and some simple CSS.. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing by George McGinley Smith and Brandon Aaron jquery mousewheel plugin. By clicking the thumbnails on the left, it beautifully slides to the full-screen preview area on the right side.

Pages:12»