Tigra Hints - Loading images on mouse over


	\| About Us \| Services \| Download \| Order \| Support \| \|

Not logged in [ Login | Register ]

SoftComplex Forums » Tigra Hints » Loading images on mouse over

Last active: Never

Printable Version | Subscribe | Add to Favourites

fabiomcosta

Newbie

Posts: 1
Registered: 7/31/2006
Location: Brazil
Member Is Offline

posted on 7/31/2006 at 01:36 PM

Loading images on mouse over

Is there a way to load the images on the hint when the onmouseover event happens? I want it because my site haves a lot of pictures on the hints, and it's kind of heavy... help plz! :S

Arc

Junior Member

Posts: 5
Registered: 3/27/2007
Member Is Offline

posted on 3/29/2007 at 07:44 PM

Here is a simple sample of loading an image with hints

Code:

<script language="JavaScript" src="hints.js"></script>

<script language="JavaScript">
var HINTS_CFG = {
'follow' : true,
'top' : 1, // a vertical offset of a hint from mouse pointer
'left' : 1, // a horizontal offset of a hint from mouse pointer
'show_delay' : 500, // a delay between object mouseover and hint appearing
'hide_delay' : 90000, // a delay between hint appearing and hint hiding
'wise' : true, // whether a tooltip should always be visible in full
'z-index' : 0 // a z-index for all hint layers
},

HINTS_ITEMS = [
"<img src='test.jpg'>", // a hint #0

'A hint for a link #2', // a hint #1
'A hint for a link #3', // a hint #2
'A hint for a link #4', // a hint #3
'A hint for a link #5' // a hint #4
];
var myHint = new THints (HINTS_CFG, HINTS_ITEMS);

</script>

<img src="test.jpg" width="120" height="96" onMouseOver="myHint.show(0)" onMouseOut="myHint.hide()">