Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

JavaScript Forum


You are currently viewing our JavaScript Forum as a guest. Please register to participate.
Login



Reply
Can You Add a Pop Up/Close Window to an Image Popping Up from A Rollover?
Old 09-18-2007, 09:32 PM Can You Add a Pop Up/Close Window to an Image Popping Up from A Rollover?
Average Talker

Posts: 17
Name: Cristie
Trades: 0
Does anyone know how to have an image pop up on the screen, (in a designated part of the website) when an image icon is clicked
and have that pop up image be clickable into a new window? I have been having problems trying to find a proper tutorial.

The site I'm working on updating has a side nav of thumbnail image rollovers that lighten and darken upon hovering. When you click on the thumbnail, the thumbnail image stays lighter and a larger image off to the right of the thumbnail nav changes/swaps. The navigation and the swapping works fine (code created in fireworks-I have the original png files).

Is it possible to add another behavior to this working script - opening in a new window from the large swapped image--not sure if I'm explaining this right...please visit http://www.chrisloomis.com/editorial/index.html, view extensive code and let me know if it's possible to be able to click on the large swapped image and have that image open in a new window. Can you code it within or outside of Fireworks?? (doesn't have to be this specific script, but I like the effect - http://www.huddletogether.com/projects/lightbox) I'm also open to any coding other suggestions. Thanks
crr0617 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 09-18-2007, 10:42 PM Re: Can You Add a Pop Up/Close Window to an Image Popping Up from A Rollover?
Average Talker

Posts: 17
Name: Cristie
Trades: 0
Is it possible to add a link to a larger image from the image that is swapped from the onclick??? (i.e. 'images/F_CF_2E.jpg' needs to be clickable and bring up a larger/higher resolution photos)

<td><a href="javascript:;" onmouseout="MM_swapImage('cheffash_r3_c2','','imag es/F_CF_2t_30.jpg',1);MM_swapImgRestore()" onmouseover="MM_swapImage('cheffash_r3_c2','','ima ges/F_CF_2t_100.jpg',1);" onclick="MM_swapImage('cheffash_r1_c4','','images/F_CF_2E.jpg',1);"><img name="cheffash_r3_c2" src="images/F_CF_2t_30.jpg" width="44" height="31" border="0" id="cheffash_r3_c2" alt="" /></a></td>
crr0617 is offline
Reply With Quote
View Public Profile
 
Old 09-18-2007, 10:59 PM Re: Can You Add a Pop Up/Close Window to an Image Popping Up from A Rollover?
killdude69's Avatar
Average Talker

Posts: 24
Name: Brandon Miller
Trades: 0
Yes, there is. Say you rollover some link, but it has no destination. It is made soley for launching a popup, this is how you would do it.

HTML Code:
<p>
This is an amazing
<a href="#" onmouseover="window.open('popup','bird.jpg','width=500,height=450');">Bird</a>.
</p>
__________________________

If you want to swap an image, you can do this.
HTML Code:
<img name="bird" src="smallbird.jpg" onmouseover="if(document.image){document.bird.src='bigbird.jpg'}" />
__________________
Huhh, well, you screwed up this time dumby.

Free PHP BBCode parser & inserter:
Please login or register to view this content. Registration is FREE

Last edited by killdude69; 09-18-2007 at 11:02 PM..
killdude69 is offline
Reply With Quote
View Public Profile
 
Old 09-18-2007, 11:53 PM Re: Can You Add a Pop Up/Close Window to an Image Popping Up from A Rollover?
Average Talker

Posts: 17
Name: Cristie
Trades: 0
http://www.chrisloomis.com/editorial/index.html (the main larger image that swaps out with each thumbnail onclick needs to be clickable and if they want to see a higher resolution pic it would open into a new window--similar to http://www.huddletogether.com/projects/lightbox.

I'm familiar with swapping images and pop up links, but what I don't know how to do is to incorporate a nested onlick of the 'images/F_CF_2E.jpg' into a new window 'images/F_CF_2E-highres.jpg' in this script without messing up the thumbnail behaviors.

<td><a href="javascript:;" onmouseout="MM_swapImage('cheffash_r3_c2','','imag es/F_CF_2t_30.jpg',1);MM_swapImgRestore()" onmouseover="MM_swapImage('cheffash_r3_c2','','ima ges/F_CF_2t_100.jpg',1);" onclick="MM_swapImage('cheffash_r1_c4','','images/F_CF_2E.jpg',1);"><img name="cheffash_r3_c2" src="images/F_CF_2t_30.jpg" width="44" height="31" border="0" id="cheffash_r3_c2" alt="" /></a></td>

Does that make sense??
crr0617 is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Can You Add a Pop Up/Close Window to an Image Popping Up from A Rollover?
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 1.12544 seconds with 12 queries