jQuery.carouFredSel Plugin scroll one or multiple items simultaneously

jQuery.carouFredSel is a plugin that turns any kind of HTML element into a carousel. It can scroll one or multiple items simultaneously, horizontal or vertical, infinite and circular, automatically or by user interaction.

The carouFredSel-plugin was built using the jQuery-library.
It is dual licensed under the MIT and GPL licenses.

Read more "jQuery.carouFredSel Plugin scroll one or multiple items simultaneously"

Carousel with wrap effect with jquery

This carousel actually wraps slides as they're bumped off the edges. That is, if a slide is bumped off the right edge, it reappears in equal measure from the left edge.

The 'on' slide is always centered, widened and given full opacity. The other slides huddle around it, narrower and semi-opaque.

An auto-rotator turns on each slide in turn, or you can force a slide on by clicking it (interrupting the auto-rotate).

Clicking the 'on' slide takes you to its corresponding URL, specified in the config file.

Read more "Carousel with wrap effect with jquery"

Apple Style Splash Screen with Jquery

The Beatles are on iTunes! Or, if you are like me and don’t care that much about it, you’ve probably noticed the awesome splash screen that Apple used to promote the event.

Risking to start a trend, in this tutorial we are going to create a simple jQuery plugin that will display fancy Apple-style splash screens for us.

But now is very easy to create. Because just copy and paste the code..!

Read more "Apple Style Splash Screen with Jquery"

Create a Simple Infinite Carousel with jQuery

Finally, I have times for this carousel script. I always think that it’s hard to figure it out, but thanks to a tutorial – Making a jQuery Infinite Carousel with nice features from tutsvalley.

I learnt something new from there. So, yes, I modify the code and make it into something I want, and hopefully this is what you want as well.

Read more "Create a Simple Infinite Carousel with jQuery"

Custom Animation Banner with Jquery

we will be creating a custom animation banner with jQuery. The idea is to have different elements in a banner that will animate step-wise in a custom way.
We will be using the jQuery Easing Plugin and the jQuery 2D Transform Plugin to create some nifty animations.

The images used for the demo (mobile phones and tablet) are by talented Alex Gillis and you can find his amazing works on Deviantart. The Dell Vostro image is by Steven Housden and you can find his high quality works on his Deviantart page.

Read more "Custom Animation Banner with Jquery"