VSD and mousover images - Post ID 6407
I'm trying to get 2 pictures of differing sizes to display on mouseover.
I can get a different picture to show on mouseover but they are both shown the same size. I want a thumbnail image that when you mouseover it shows the full size image. I've seen this done but can't for the life of me get it to work.
Ideally I'd like to do all of this in a table with
the thumbnail image in col 1 row 1 (expands to full size on mouseover)
a short text description in col 1 row 2 (full text on mouseover)
a purchase button in col 1 row 3.
I would really appreciate any suggestions as I've tried everything that I could think of and a couple that I didn't and still no luck.
I haven't posted that page yet as I can't seem to get if finished because of this 1 problem.
This is an addendum:
In reading this later I find that I did not accurately discribe the problem.
With 2 images of the dame size there is no problem. When I try to get a thumbnail and full size image the mouseover activates whenever I'm in any of the area that the full sized image will be displayed instead of just when I'm over the thumbnail image as I want.
As an example if I have a 50 x 50 thumbnail and a 500 x 500 image the full size image is not displayed but if I move my mouse into the area it will display it then pops up instead of waiting until I move over the thumbnail image.
Thanks in advance to any and all that reply.
I can get a different picture to show on mouseover but they are both shown the same size. I want a thumbnail image that when you mouseover it shows the full size image. I've seen this done but can't for the life of me get it to work.
Ideally I'd like to do all of this in a table with
the thumbnail image in col 1 row 1 (expands to full size on mouseover)
a short text description in col 1 row 2 (full text on mouseover)
a purchase button in col 1 row 3.
I would really appreciate any suggestions as I've tried everything that I could think of and a couple that I didn't and still no luck.
I haven't posted that page yet as I can't seem to get if finished because of this 1 problem.
This is an addendum:
In reading this later I find that I did not accurately discribe the problem.
With 2 images of the dame size there is no problem. When I try to get a thumbnail and full size image the mouseover activates whenever I'm in any of the area that the full sized image will be displayed instead of just when I'm over the thumbnail image as I want.
As an example if I have a 50 x 50 thumbnail and a 500 x 500 image the full size image is not displayed but if I move my mouse into the area it will display it then pops up instead of waiting until I move over the thumbnail image.
Thanks in advance to any and all that reply.
Something like this: http://www.coffeecuphelp.com/inger/testing/ ?
What I did, was to take the larger pic, inserting it onto the page, then making it manually smaller. Then I clicked on the mouseover button and created a mouseover, resizing the pic back to it's original size.
It should be possible to make a mouseover with two different texts if you uncheck the option 'use same text as original' and just type in whatever text you want.
As far as the Purchase goes, if you have a Purchase button with an e-mail link underneath, you might possibly achieve what you want, or else use the CC Form builder.
What I did, was to take the larger pic, inserting it onto the page, then making it manually smaller. Then I clicked on the mouseover button and created a mouseover, resizing the pic back to it's original size.
It should be possible to make a mouseover with two different texts if you uncheck the option 'use same text as original' and just type in whatever text you want.
As far as the Purchase goes, if you have a Purchase button with an e-mail link underneath, you might possibly achieve what you want, or else use the CC Form builder.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
You have the idea, but yours is doing the same thing mine is. The large image pops up whenever you're in it's area instead of waiting until you actually get over the thumbnail image.
VERY FRUSTRATING !!!
This is fast becoming a quest to beat the computer.
The purchase button is not giving me a lot of trouble. I can just link it to my PayPal account, but I'm hoping that the CC shopping cart wil be forthcoming soon.
VERY FRUSTRATING !!!
This is fast becoming a quest to beat the computer.
The purchase button is not giving me a lot of trouble. I can just link it to my PayPal account, but I'm hoping that the CC shopping cart wil be forthcoming soon.
cryonaut2b,
http://www.yllek.info click link page 5 see if thats
what your looking for. nothing fancy as was made quickly
http://www.yllek.info click link page 5 see if thats
what your looking for. nothing fancy as was made quickly
Very close. I want the large image to go away by itself when the mouse is moved off the thumbnail instead of having to close a window.
I did steal your code though to play with and see if I can get it to work.
Thanks
I did steal your code though to play with and see if I can get it to work.
Thanks
well you can set that in the code JT:
add this below Yaldex.focus();
setTimeout('Yaldex.close();',5000);
}
in head section part-need code sent to you email me
support@kellyinfo.com
add this below Yaldex.focus();
setTimeout('Yaldex.close();',5000);
}
in head section part-need code sent to you email me
support@kellyinfo.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.