Sexy Images jQuery Plugin

17690   2360   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)…

Basic image Rotate effect with jQuery

25284   2233   Image Effects

Description: This is an final product of a Wilq32.PhotoEffect Snippet (browse blog to get more information). Actually you can use this simple and tiny script to rotate images (any angle) directly on client…

Image Preview Gallery

19377   3781   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

11368   2334   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…

jQuery virtual tour

27433   3949   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…

Yoyo hover effect jQuery and CSS3

12402   2188   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…

Interactive Photo Desk with jQuery and CSS3

10508   1934   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…

Jquery Image Fade Cross Transition

12656   1840   Image Effects

  Image rollovers were the staple JavaScript nugget of the 90s, and for a lot of JavaScript developers I know, one of the starting places their passion for JavaScript. Today, rollovers are a no-brainer…

a polaroid Drag drop photo viewer with CSS3 and jQuery

11256   1894   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…

jSquares images and description hover overlay (jQuery)

12949   2090   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"…

Multiple CSS Decorative Gallery

15612   2793   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

10155   1962   Image Effects

Filter Image View Using jQuery

21879   3605   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…

Animated background image with jQuery

13118   2561   Image Effects

In this example, we are going to create a basic web page layout which includes a super cool animated background image, using jQuery. Let’s do it 1. The first step of this tutorial is to download…

CSS Swap Hover Effect

13128   2449   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…