Hot!Ajax

Hot!Spot can creates a fading effect between two images while hovering a elenment using MooTools.

How to use

PNG images is not work in IE 6.0.

STEP1:

Add this scripts between your tags:

<script language="javascript" src="/mootools-release-1.11.js"></script>
<script language="javascript" src="/hotspot_packed.js"></script>

STEP2:

Create a div with a background image to display your image.Add a class="hotspot" attribute to the div tag.The filename of the related image for the hover effect has to be named with the suffix _hotspot(image_hotspot.png) and has to be in the same folder as the background image.

<div class="hotspot" style="background: url('/hotspot.png');width:500px;height:177px;"</div>

Comments (2)

Show/hide comments

lalalalala said:

	... PNG images is not work in IE 6.0.
	report abuse vote down vote up

March 05, 2009
Votes: +1

Andrey Wasser said:

	... Very nice, but how insert link in the div, Its possible? tks
	report abuse vote down vote up

December 11, 2008
Votes: +1

Show/hide comment form