Board Logo

Loading images on mouse over
fabiomcosta - 7/31/2006 at 01:36 PM

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 - 3/29/2007 at 07:44 PM

Here is a simple sample of loading an image with hints

Code:

<!-- Link Tigra Hints script file to your HTML document-->
<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()">


Softcomplex: http://www.softcomplex.com/
Back to forum: http://www.softcomplex.com/forum/