Nice jQuery filter images effect

24985   3466   Image Effects

Features: shows specified collection on startup three types of animation callback functions Changelog: 25.1.2011 - shows specified collection on startup, plugin parameter names have been changed $('.selecter').mobilyselect({…

Image Preview Gallery

19252   3727   Image Effects

Here we have a bunch of thumbnails. When each thumbnail is rolled over, script will load an image that we have linked in HREF attribute of an A tag. That makes this method accessible as well, because…

unique Gallery by using z-index and jQuery

11244   2280   Image Effects

we will combine the CSS property ‘z-index’ and the power of jQuery to create a unique gallery which have a appearance of a pile of pictures. In this example we have the appearance of a pile…

Yoyo hover effect jQuery and CSS3

12306   2139   Image Effects

Haven’t you ever just wanted a yoyo on your webpage? A beautiful, animated, spinning yoyo that slides down like a real yoyo would? The HTML There is very little HTML markup, so it is pretty easy…

a polaroid Drag drop photo viewer with CSS3 and jQuery

11099   1843   Image Effects

This example is making use of CSS3 and jQuery, just to show the effect when combining two powerful techniques. The CSS3 is injected by jQuery, keeping the CSS file clean. HTML The HTML of this page isn't…

Sexy Images jQuery Plugin

17539   2294   Image Effects

This plugin allows you to create sexy hover effect for images on your page ;) Requried: jQuery 1.3+ Test with following browsers: Opera 10.0+ Mozilla Firefox 3.0+ Google Chrome 3.0.195 Safari 3.1+ (win)…

Multiple CSS Decorative Gallery

15513   2739   Image Effects

I will show you how to decorate your images and photo galleries without editing the source images. The trick is very simple. All you need is an extra <span> tag and apply a background image to create…

Drag drop photo viewer with jQuery

10028   1912   Image Effects

Interactive Photo Desk with jQuery and CSS3

10396   1881   Image Effects

In this little experiment we created an interactive photo desk that provides some “realistic” interaction possibilities for the user. The idea is to have some photos on a surface that can…

Filter Image View Using jQuery

21762   3560   Layout & Interface

the image items are showing and hiding with horizontal slide effect based on user choice. Horizontal slide effect produced by manipulating item’s width, when hiding the item we will change the item…

Popout Details on Hover CSS3

28295   8327   Image Effects

HTML The columns are made up of unordered list items, within each list item is the thumbnail image and the details of the item wrapped in a class of "info". <ul class="columns"> <li> <a…

jQuery virtual tour

27222   3882   Image Effects

This is an extension to the simple panorama viewer that allows you to play a little bit more with jQuery by adding interactivity to transform some panoramic views into a virtual tour !   Introduction…

Hoverbox Image Gallery

21209   3741   Image Effects

It uses an anchor link for the effect, because that is the only thing that Internet Explorer allows the :hover psuedo-class to work with. While my example page only has # linked to, this could easily…

CSS Swap Hover Effect

13041   2396   Image Effects

It was requested that the product photo be swapped by its product description when the mouse hovers over it. This kind of effect is very interesting and easy to achieve, so I would like to share it with…

jSquares images and description hover overlay (jQuery)

12831   2028   Image Effects

jSquares is a jQuery plugin that pops up an image and a description in an overlay on hover. Setting it up Make sure you’re including these files in the head of your document <script src="http://www.google.com/jsapi"…