I am using Front Page 2003. I want to mouse over some text and have it bring up an image. Any help is greatly appreciated!
CSS Codes
New Comer (less than 5 posts)
Mouse over text to image
I am using Front Page 2003. I want to mouse over some text and have it bring up an image. Any help is greatly appreciated!
Global Moderator
Installing scripts using FP can be tricky, but it's not impossible. What kind of action are you looking for?
Like a gallery? (triggers can be text or images):
http://www.dynamicdrive.com/dynamici...thumbnail2.htm
Or like a tooltip? (descriptions are optional):
http://www.dynamicdrive.com/dynamici...agetooltip.htm
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Elite Coders
As best as I can tell John, he is looking for something more simple in nature:
http://jsfiddle.net/bernie1227/8zuvy/
"Most good programmers do programming not because they expect to get paid or get adulation by the public, but because it is fun to program." - Linus Torvalds
Anime Views Forums
Bernie
Global Moderator
Doesn't work. I think you chose the wrong library. If I switch it from MooTools to jQuery, it does work. But for something simple, no library should be required. Something like:
Demo:Code:<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> #myimage { visibility: hidden; display: block; } </style> </head> <body> <span id="trigger">Text</span> <img id="myimage" src="earth.jpg" alt="original image" title=""> <script type="text/javascript"> document.getElementById('trigger').onmouseover = function(){ document.getElementById('myimage').style.visibility = 'visible'; } document.getElementById('trigger').onmouseout = function(){ document.getElementById('myimage').style.visibility = 'hidden'; }; </script> </body> </html>
http://home.comcast.net/~jscheuer1/s...mouseimage.htm
But one of the two scripts I mentioned here:
http://www.dynamicdrive.com/forums/s...597#post289597
might still be a better fit. It all depends upon what they ultimately want to do.
Oh, and Bernie - Thanks for your contribution so far to this thread. But please don't turn this into a discussion about possibilities or comments on my code or your code or my comments on your code. Basically Please wait until the OP responds.
Last edited by jscheuer1; 01-20-2013 at 04:26 AM.
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
New Comer (less than 5 posts)
I found that tooltip a day after I posted this topic but I can not for the life of me get it to work.
Global Moderator
What seems to be the problem? Could you put up a live demo? I mean it obviously doesn't have to work, just do your best in following the instructions and upload the result to the web and give us a link to it. I'm sure we can advise you on how to get it working.
- John________________________
Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Posting Permissions
Reply With Quote
Bookmarks