Thumbnail on mouseover text question

[NTSS]

What the most efficient way to accomplish this?

[Miguel T]

What do you mean?
DHTML is the way to go ;)

[NTSS]

What do you mean?
DHTML is the way to go ;)

I want to try it out on my site.

Can I just do it from the link?

[onmouseover="window.status=] maybe change the code and point it to a thumbnail image?

[Dynamix]

What he means is that a text link will popup a thumbnail preview on mouse hover. Can't think of a TGP example that uses this off hand although I've seen dozens in the recent past.

This is easily (and best) implemented with jQuery, Yahoo UI, or similar unobtrusive javascript framework. You've piqued my interest and I will later this evening put together a working example with instruction.

Patrick

[NTSS]

What he means is that a text link will popup a thumbnail preview on mouse hover. Can't think of a TGP example that uses this off hand although I've seen dozens in the recent past.

This is easily (and best) implemented with jQuery, Yahoo UI, or similar unobtrusive javascript framework. You've piqued my interest and I will later this evening put together a working example with instruction.

Patrick

ok sounds good...ill chek back periodically...thx

[Dynamix]

As promised.. fairly straightforward, though do let me know if you have problems or questions.

http://www.tgpfactory.com/popupDemo/thumbtest.html

[NTSS]

As promised.. fairly straightforward, though do let me know if you have problems or questions.

http://www.tgpfactory.com/popupDemo/thumbtest.html

Hey thanks...thats just what I was looking for. I see its working perfect on your demo page. I couldnt get it to work on my site yet, Im sure I've done something wrong, but I'm gonna try it again later. Thanks a lot I'll get back to you...

[Dynamix]

Feel free to hit me up on ICQ, I'm happy to take a look and see if I can't spot any problems

[Dynamix]

D'oh.. forgot to mention you'll have to download the javascript and CSS files.. that may be what the problem is if you didn't happen to snag those from the source code of the page.

See the new section at bottom:
http://www.tgpfactory.com/popupDemo/thumbtest.html

[Spudman]

D'oh.. forgot to mention you'll have to download the javascript and CSS files.. that may be what the problem is if you didn't happen to snag those from the source code of the page.

See the new section at bottom:
http://www.tgpfactory.com/popupDemo/thumbtest.html

sweet work dude, i've been looking for this so thanks

[martinsc]

lots of nice pieces of code at http://www.dynamicdrive.com/...

[severe]

simple javascript. u can find hundreds of examples.

[Dynamix]

lots of nice pieces of code at http://www.dynamicdrive.com/...

Yes DD is a good resource for code snippets, anyone with simple CGI/PHP needs should check out Resource Index.. they likely have multiple solutions to accomplish what you're looking for:

http://www.resourceindex.com/

[wang69]

hey I was checking it out, but I tried to load pictures and it goes Sorry, the contents could not be loaded, what does that mean, does the size of the picture matter, and do I need the img.php?s in the line rel="img.php?s=1.jpg"?

[Dynamix]

hey I was checking it out, but I tried to load pictures and it goes Sorry, the contents could not be loaded, what does that mean, does the size of the picture matter, and do I need the img.php?s in the line rel="img.php?s=1.jpg"?

Hey mate, yes you do need the img.php portion and the img.php script, otherwise the jQuery plugin fails and/or loads the contents of the JPEG file (random ASCII characters). If you still can't get it to work grab hold of me on ICQ or post the URL here, I'll see if I can't find the problem.