sculpy Posted December 21, 2007 Share Posted December 21, 2007 Good evening, I have a form (dynamic) that has a tabular layout (see attached .gif). There is one large image denoted in the attachment by a large box and a group (grid) of smaller thumbnails to the right of the large image. What I am attempting to do is to use a mouseover to change the larger picture to a larger version of the thumbnail hovered over. when the onmouseout event occurs I want the original image restored to the large image box. The problem: In order to accomplish this I would normally get out my JavaScript references and go to town sticking code in the head of the document and then calling the functionality from within links. That would work great only if I had static pages where I could preload everything in the head. Using CSS to acomplish this seems the way to go but in order to place the images I would have to do some math on the position of each large image in relation to the loaded thumbnails. this would, as the table of thumbnails grew, become tedious and possibly even a little random. If anyone has any ideas or could point me in the direction of a way to accomplish this in PHP, CSS, AJAX, or JavaScript I would appreciate it. I don't know how to get by the passing of dynamic variables (within a while loop) to code placed in the head of the document. Thank you. [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
rarebit Posted December 21, 2007 Share Posted December 21, 2007 Yes, sounds like i'd use Javascript since it's all clientside Quote Link to comment Share on other sites More sharing options...
btherl Posted December 21, 2007 Share Posted December 21, 2007 overlib might be appropriate here. You can use it to pop the large image in a div without interfering with your pages layout at all. Quote Link to comment Share on other sites More sharing options...
BenInBlack Posted December 21, 2007 Share Posted December 21, 2007 yeah overlib i perfect for this, here is a link to the new overlibmws second edition http://www.macridesweb.com/oltest/ Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.