Make Your Website Behave Like An Image Slider With Revolver Plugin

Revolver is a jQuery plugin developed by kernelstudio from codecanyon, and it lets you turn your entire website into a slider. Instead of simply clearing out the entire window and loading the next page, Revolver simply causes the current webpage to slide off the screen and introduces the next one just like your typical image [...]

Continue Reading →

Creating an Accordion Image Gallery with Only CSS

In creating animated transitions, Javascript has always been implemented but German web designer Heiko Stiegert has made it using only CSS.  You can do this by using CSS3 pseudo-class :target and negation pseudo-class :not () properties together with CSS3 Transition Module. Get the DEMO here. Check out his tutorial on building an accordion image gallery [...]

Continue Reading →

How to Create an Elastic Image Slideshow with Thumbnail Preview

Web developer Mary Lou shows an easy-to-follow tutorial on how you can make a cool elastic image slideshow with thumbnail preview. The slideshow automatically adjusts and you can navigate the slides by using thumbnail preview. Click on the image to view her tutorial. Check out the DEMO and DOWNLOAD as well. Incoming search terms for [...]

Continue Reading →

Slidorion – Accordion and Image Slider Rolled Into One

In web design, there is what we call an accordion, which is used to display a context menu in a limited space. Another is the image slider, a container that displays multiple images one at a time through transitions. And then there’s Ben Holland’s Slidorion, an amalgamation of an accordion and an image slider. Each [...]

Continue Reading →

Photo Wall – Display Photos Like Google’s Image Search

Do you know that animated effect that you see on Google when you’re doing an image search? Well, thanks to a jQuery plugin created by Creotiv called Photo Wall, you can now mimic the same effect on your website! This plugin is great, especially if your website features lots of photos and albums. Click on [...]

Continue Reading →

Create a Slideshow With HTML5

Finally, there’s no need for you to upload a PowerPoint (.pps) file and embed a code on your webpage just to be able to display a slideshow presentation. Here’s a great script I found over at AjaxShake that’ll teach you how to create an amazing slideshow in an HTML5 environment! The code is created by [...]

Continue Reading →

JQuery Bubble Slideshow

Martin Angelov’s jQuery bubble animation effect is ideal for portfolio or gallery websites. It is very easy to use and highly customizable though it doesn’t work well with older versions of IE since it utilizes CSS3. You can also use this effect to create backgrounds and headers. Since the plugin is made to resize automatically, [...]

Continue Reading →

Display Your Photos with Ultimate Photo Widget!

Ultimate Photo Widget allows you to display photos from your Flickr, Tumblr, and Pinterest accounts. And why the ‘ultimate’ monicker? Pretty much the same answer — because it allows you to display photos from your Flickr, Tumblr, and Pinterest accounts in three different styles: vertical, tiles, and slideshow, and that’s saying a lot! Hit this [...]

Continue Reading →

jqFancy Transitions: Image Gallery Plugin with Special Transition Effects

Click on the image above to view the tutorial. Front-end engineer Ivan Lazarevic created jqFancy Transition, a multi-format plugin that offers several transition animation effects. Check out both the demo and download! Incoming search terms for the article: jqfancy JqFancy Transitions tutorial jqfancy transition photo gallery special transition jqfancyeffects Gallery plugin jqfancy boxe jcarousel com [...]

Continue Reading →

10 Cool jQuery Slider Tutorials

jQuery is essential in creating a wide range of apps, plugins, and programs designed to help maximize your website design. When used in making sliders, jQuery helps produce lightweight yet extensive and highly useful applications. Here are 10 tutorial sites on creating  highly useful jQuery sliders that can amp up your WordPress blog. Click on [...]

Continue Reading →

Page 1 of 912345»...Last »