Slide Out Boxes with jQuery and CSS3
The other day we were wondering how we could show our visitors more of our works. It’s normal that in a blog older posts get forgotten and even if something might still be very interesting and relevant, it get’s lost under the pile of new stuff.
Slide Down Box Menu with jQuery and CSS3
In this tutorial we will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items.
Beautiful Photo Stack Gallery with jQuery and CSS3
In this tutorial we are going to create a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, we show the images of that album as a beautiful photo stack.
Custom Animation Banner with jQuery
In today’s tutorial 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.
Animate a hover with jQuery
Animate an image while hovering it and show the visitors information while doing that. Sounds simple huh? Well it is, but the effect is nice and can be nice for a portfolio, for example.
Ok, lets take a look at an example first, after that i will show you how it’s done.
Click here for demo
Ok, lets take a look at an example first, after that i will show you how it’s done.
Click here for demo
jQuery Simple Modal form popup Demos
SimpleModal Demos – its goal is providing developers with a cross-browser overlay and container that will be populated with content provided to SimpleModal.
Demo :
Demo :
jQuery Cycle Plugin
The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.
Click here for demo
Click here for demo
JQuery TabContainer Theme with Tab Transition Animations
A few posts back I described a technique you could use to add Animation effects to your ModalPopup controls. A similar technique can be used to implement a JQuery style fade animation that runs as the user navigates between selected tabs. While the technique I used is very similar to the one I blogged about before, I thought I would pass along the stylesheet for the JQuery tab theme as well as a quick overview of how I implemented the transition.
Live Demo (IE6, IE7, FF) | Download (Uses Toolkit Version 1.0.10920.0)
jQuery LavaLamp menu effect
Hover above and feel for yourself, the nifty effect of Lava Lamp. What you just experienced is nothing but the LavaLamp menu packaged as a plugin for the amazing jQuery javascript library. I personally believe that the effect rivals that of flash – Don’t you? Especially considering the fact that it is extremely light weight.
Click here to download
Lateral Slider
Slider – The easiest known way to showcase your images and photos on the web in style.
Slider Details Slider Demo Download Script
Slideshow plugin for the Tabs
Slider Details Slider Demo Download Script
Slideshow plugin for the Tabs
Slider Details Slider Demo Download Script
Blinds-effect Slideshow
Slider Details Slider Demo Download Script
The Lof JSiderNews Plugin
Slider Details Slider Demo Download Script
Making a Mosaic Slideshow With jQuery & CSS
Slider Details Slider Demo Download Script
Fancy transitions effects
Slider Details Slider Demo Download Script
Minimalistic Slideshow Gallery
Minimalistic Slideshow Gallery
Slider Details Download Script
Jquery Coin Slider
Coin Slider is a jQuery image slider plugin that has unique transition effects.
It has a navigation box and prev-next buttons that appear on hover for easily browsing images.
The slider has an optional auto-slide feature which can also pause on hovers.
It has a navigation box and prev-next buttons that appear on hover for easily browsing images.
The slider has an optional auto-slide feature which can also pause on hovers.
Features
- Unique transition effects
- Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+
- Valid markup
- Flexible configuration
- Auto slide
- Navigation box
- Lightweight (8kb only)
- Linking images
- Free to use under MIT licence
- Fully customizable using CSS
