Parallax Content Slider with CSS3 and jQuery
In Playground, by Manoela Ilic
A simple parallax content slider with different animations for each slider element and a background parallax effect.
slider
Wave Display Effect with jQuery
In Playground, by Manoela Ilic
How cool is it to sometimes just display content a little bit differently? Today we want to share an experiment with you that let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in a wave-like manner. When clicking on a thumbnail, we’ll “zoom” into the wave. Clicking again will make the large content area appear; here we will show some more content.
Elastislide – A Responsive jQuery Carousel Plugin
In Playground, by Manoela Ilic
Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images.
Slicebox – A fresh 3D image slider with graceful fallback
In Playground, by Manoela Ilic
Slicebox is a jQuery 3D image slider plugin that makes use of CSS 3D Transforms and provides a graceful fallback for older browsers that don’t support the new properties.
Circular Content Carousel with jQuery
In Playground, by Manoela Ilic
Today we want to share a simple circular content carousel with you. The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.
Content Rotator with jQuery
In Playground, by Manoela Ilic
Today we want to share a fancy content rotator with you. It shows some image with a headline and sub-headline in each slide and allows navigating through the slides using the thumbnails that also contain a headline. Hiding the thumbnails will reveal a scrollable text container and the navigation arrows will move up so that one can navigate to the previous or next slides.
Rotating Image Slider with jQuery
In Tutorials, by Manoela Ilic
In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each […]
3D Wall Gallery
In Playground, by Manoela Ilic
Today we want to share our latest experiment with you: the 3D Wall Gallery. Using the Safari browser the images of this gallery will be put into 3D perspective, when […]
Thumbnails Preview Slider with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make […]
Parallax Slider with jQuery
In Tutorials, by Manoela Ilic
Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide to […]
Animated Portfolio Gallery with jQuery
In Tutorials, by Manoela Ilic
Today we will create an animated portfolio gallery with jQuery. The gallery will contain a scroller for thumbnails and a content area where we will display details about the portfolio […]
Custom Animation Banner with jQuery
In Tutorials, by Manoela Ilic
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 […]
Slider Gallery with jQuery
In Tutorials, by Manoela Ilic
This tutorial is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. […]
Compact News Previewer with jQuery
In Tutorials, by Manoela Ilic
Today we will create a news previewer that let’s you show your latest articles or news in a compact way. The news previewer will show some list of articles on […]
Full Page Image Gallery with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we are going to create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is to have a thumbnails bar […]
Thumbnails Navigation Gallery with jQuery
In Tutorials, by Manoela Ilic
In this tutorial we are going to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. We are going to use jQuery and some CSS3 properties […]
Dynamically Changing Style with jQuery
In Playground, by chadking
The jQuery Style Slider allows you to change the style of certain html elements in real time and save the style setting to a MySQL database table using PHP. This […]
