Here’s a cool lightbox I’ve found that can be useful in displaying images in your site. Christophe Beyls introduces you the Slimbox2, a 4KB visual clone of Lightbox 2 script by Lokesh Dhakar that is written with jQuery javascript library. It is designed to be more convenient and compatible with the Lightbox 2 as well [...]
Today’s featured jQuery plugin is called the Dynamic Grid: XML Gallery from Nikolay Dyankov. It’s a plugin that lets you create an image gallery slider that is highly customizable, and by customizable I mean not only can you change the animation but also the layout (no. of rows & columns), scroll speed, padding, etc. It [...]
Once again, Mary Lou‘s great CSS3 tutorial shows you how to create a neat sliding image panels. The idea is to use background images as panels, which become animated when you click on the label. Be reminded that this works on browsers that support CSS transitions and animations. Below are the following codes. Markup <section [...]
I’d like to share with you this pretty neat image scrolling effect created by Chris Violette using only the wonderful capabilities of CSS. It’s a nice slider to have as a header. It’s lightweight, meaning that it doesn’t slow down your site as much as using a complicated jQuery-based image slider. The effect was based [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
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 [...]
0
510
