Creating a Wobbling 3D Carousel

We’ll be creating a carousel with the help of the 3d Engine we built in a previous post. 

The idea is we’ll create a ring by plotting points in 3d space, then we’ll rotate it so it’s almost perpendicular to the viewer. 

Because it’s not 100% flat, it will look like it’s wobbling up and down, giving your carousel a little more flavor.

Read more "Creating a Wobbling 3D Carousel"

Making A Slick Content Slider with Jquery

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

Read more "Making A Slick Content Slider with Jquery"

Slide Thumbs with Jquery

In this post I want to explain how to turn old boring image viewer into a nice-looking one with jQuery.

It's simple just using some lines of java-script code. Implement this and enrich animation features to your web projects.

Read more "Slide Thumbs with Jquery"

Supersized 3.1 jQuery Plugin – Fullscreen Background Slideshow with Flickr Support

Features

So, what exactly does Supersized do?

• Resizes images to fill browser while maintaining image dimension ratio
• Cycles Images/backgrounds via slideshow with transitions and preloading
• Navigation controls with keyboard support
• Integration with Flickr - pull photos by user, set, or group

Supersized 3.1.3 Slideshow

This version of Supersized has all the options and features you need to get a fullscreen slideshow up and running.

Demos

A collection of sample transitions for the slideshow.

• Fade Transition
• Slide Transition
• Carousel Transition

Supersized 3.1.3 Core

This version is stripped down to just the cored functionality, intended for the people just interested in a fullscreen background.

Demos

Running just the background resizing functionality and loading a random image.

• Core
• Core - Random

Supersized Flickr 1.1.2

This version is a specially tailored version of 3.1.3 that pulls all it's images from Flickr. You need to get an API key to make this work.

Demo

The follow demo pulls from a group pool on Flickr. *Flickr only allows 3,600 calls per hour - if the demo is down, that's why.

• Flickr Group Pool

Read more "Supersized 3.1 jQuery Plugin – Fullscreen Background Slideshow with Flickr Support"

MobilySlider - Advanced slideshow plugin for jQuery

MobilySlider is advanced slideshow plugin for jQuery (5KB).

Features:

• can add inline HTML content (awesome!)
• looping
• auto generated pagination
• auto generated arrows
• autoplay
• fade, horizontal, vertical slide transition effect
• pause on hover
• callback functions

Changelog:

02.02.2011 - fade transition, show arrows only on hover

Read more "MobilySlider - Advanced slideshow plugin for jQuery"