PDA

View Full Version : Popup image NOT in "regular" window: how-to?



tedaltenberg
01-03-2009, 11:24 PM
I have a functioning popup window effect, but once the window opens it stays there unless I manually close it. What I want is a "floating image" that appears onMouseOver and disappears onMouseOut. You can see my effect here: http://tedaltenberg.com/tech/websites.php (Roll over the first screenshot; still "under construction", excuse me). The code I have used here, in the img tag, is: onMouseOver="window.open('websites/giftedcalifornia_lg.png','mypicture','width=465, height=350');"

You can see an example of what I'm looking for here: http://www.intervac.com/summary.php?memid=USC4993 (Roll over any of the small images down the page... and yes, that's me/us.)

Is there a way to create the desired effect more simply than Intervac is doing it? (See source code for page above, and http://www.intervac.com/javascripts/filesearchhover.js)

Thanks,

Ted :)

Nile
01-04-2009, 12:27 AM
Will this:
http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/
or this:
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/
Be of any help?

tedaltenberg
01-04-2009, 01:19 AM
Thank you, Nile!

And I'm totally stoked that it's CSS rather than js ---even better! But I don't recognize in the code the url for obtaining the 2nd image. Is the deal that it's the SAME image file, displayed as a small thumbnail and also in its own full size? If so, that will do; I was assuming I'd have 2 files, one for each size of same image.

Nile
01-04-2009, 01:31 AM
Could you rephrase that - didn't get a word of it..

tedaltenberg
01-04-2009, 03:08 AM
Sorry for being unclear, Nile. However, issue resolved; I tried it out and figured it out. Check it out! http://tedaltenberg.com/tech/websites.php

Yeah! :D

Thanks again,

Ted :)

Nile
01-04-2009, 03:11 AM
I'm glad it works, and I'm glad to help you anytime.