Submit your widget
55
Yays

jQuery and CSS3 Image Flyout Slider effect

Views 16971   downloads 4220   Image Effects

This is an experimental flyout image slider. This image slider is a stack of some images and works by flying out the selected image to the front of images stack. We will use CSS3 transition, animation…

53
Yays

jQuery and CSS3 image 3D Flipping Slider effect

Views 28852   downloads 4679   Image Effects

There are many ways on displaying our portfolio, one of them is using grid style with slider effect for pagination. In this tutorial I’m going to share about how to displaying our portfolio grid…

53
Yays

Portfolio image navigation slider with jQuery

Views 21787   downloads 3743   Image Effects

 The idea is to show some portfolio items in a grouped fashion and navigate through them in all 2D ways (horizontal/vertical). Either the arrows or the little boxes below the current image can be…

52
Yays

Responsive Image Sizes At Different Resolutions

Views 12796   downloads 1909   Image Effects

An Experiment with Mobile-First Images that Scale Responsively & Responsibly What is this? The goal of this technique is to deliver optimized, contextual image sizes in responsive layouts that utilize…

51
Yays

jQuery images Interactive and Filterable Plugin

Views 15573   downloads 3103   Image Effects

The plugin is configurable to work with just about any markup. Filters <ul id="portfolio-filter"> <li><a href="#all">All</a> </li> <li><a rel="design"…

48
Yays

Fancy CSS3 Transitions Image Gallery

Views 29145   downloads 9236   Image Effects

CSS3 Transitions allow browser to animate HTML elements through the change of CSS properties. In other words, we can create animations in webpage without JavaScript but just with pure CSS. The Idea The…

47
Yays

jQuery useful preload image effect

Views 13744   downloads 1766   Image Effects

The idea is to preload an image first to browser cache, then display it when completely loaded using jQuery. We can also make it more presentable to viewers by adding a fade in effect after we preload…

44
Yays

jQuery Fullscreen Background effect

Views 23889   downloads 3476   Image Effects

If you’re a webdeveloper or designer we'll pretty sure you’ve run into the problem of people wanting to have “fullscreen content” or just background images that will stretch…

37
Yays

Image black and white switch with jQuery.

Views 22321   downloads 3625   Image Effects

This plug-in can easily convert any colored image into a B&W greyscale image. It uses the the HTML5 canvas tag and a fallback for the old browsers Usage 1 Include the plug into the page: <script…

36
Yays

Auto Resize Picture - jQuery Picture

Views 16865   downloads 1435   Image Effects

  Overview jQuery Picture is a tiny (2kb) plugin to add support for responsive images to your layouts. It supports both figure elements with some custom data attributes and the new proposed picture…

35
Yays

popular jQuery Cropping Images

Views 13022   downloads 1549   Image Effects

you just want to display a collection (or more) of images with different dimensions. The problem seems easy enough.   The task of manually creating thumbnail for each image is quite tedious and it’s…

33
Yays

jQuery images Lazy Load plugin

Views 13578   downloads 1804   Image Effects

This  is very useful and it boosts performance delaying loading of images in long web pages because images outside of viewport (visible part of web page) won't be loaded until the user scrolls…

29
Yays

JQUERY, HTML 5 & CSS3 GALLERY---least.js

Views 15591   downloads 4442   Image Effects

Random & Responsive jQuery, HTML 5 & CSS3 Gallery with LazyLoad use it Download least.js   Insert the following code before end of </head>-tag. <!-- least.js CSS-file --> <link…

25
Yays

Animated Photo Stack with CSS3 and jQuery

Views 16419   downloads 2444   Image Effects

we are going to build an animated photo stack, which will use all kinds of fancy effects to transition between a set of images. The effects are implemented purely using CSS3, which means that they run…

25
Yays

CSS3 and jQuery better Toggling of elements

Views 8558   downloads 1617   Image Effects

betterToggle is a jQuery plugin for better Toggling of elements.It uses css3 transforms with fallback. betterToggle is a jQuery plugin for better Toggling of elements.   Instead of using $("#element").toggle()…