This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Dreamweaver > September 2005 > Dreamweaver MX: Creating Pop Up Windows from Images





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author Dreamweaver MX: Creating Pop Up Windows from Images
Garreth Joyce

2005-09-13, 7:18 pm

Hi
In Dreamweaver I have used the 'open browser window' behaviour to link my
thumbnail images to their respective larger size images in pop up windows. The
thumbnails work fine and correctly open up a pop up window with the disired
image contained within. However when I roll over the thumbnail the mouse cursor
does not change to a pointer like it normally would which is undesirable as the
user then does not know it is a link.
Can anyone help me with this I have tested it both in Safari & Internet
explorer.

Also I have seen pop up windows which use the 'open browser window' behaviour
with a close window link below the image. How do I add this in.

www.rocketmedia.ie/blunt

Thanks for your time in reading this

Murray *TMM*

2005-09-13, 7:18 pm

Here is the code for one of your thumbs -

<img src="photos/THUMBS/CLR/PLACE/clPLC_ASYLUM_01.jpg" alt="" width="155"
height="111"
onClick="MM_openBrWindow('photos/SHOTS/CLR/PLACE/PLC_ASYLUM_01.jpg','pop1','width=600,height=430')">

Note that you have applied the event and the behavior call directly to the
image tag. It should be applied to an <a> tag wrapping the image, e.g.,

<a href="java script:;"
onClick="MM_openBrWindow('photos/SHOTS/CLR/PLACE/PLC_ASYLUM_01.jpg','pop1','width=600,height=430')"><img
src="photos/THUMBS/CLR/PLACE/clPLC_ASYLUM_01.jpg" alt="" width="155"
height="111"></a>

and if you want to make it so that it works even when js is disabled in the
visitor's browser, then do this -

<a href="photos/SHOTS/CLR/PLACE/PLC_ASYLUM_01.jpg"
onClick="MM_openBrWindow('photos/SHOTS/CLR/PLACE/PLC_ASYLUM_01.jpg','pop1','width=600,height=430');
return false"><img src="photos/THUMBS/CLR/PLACE/clPLC_ASYLUM_01.jpg" alt=""
width="155" height="111"></a>

So - the way to make this happen on your pages is to select the image and
change the event (using the drop-down list on the behaviors panel to <A>
onClick, rather than just onClick. That will automatically change things to
the first of the two examples I show you. Then you can manually make the
adjustments required for the second example.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Garreth Joyce" <webforumsuser@macromedia.com> wrote in message
news:dg6g0o$lhd$1@forums.macromedia.com...
> Hi
> In Dreamweaver I have used the 'open browser window' behaviour to link my
> thumbnail images to their respective larger size images in pop up windows.
> The
> thumbnails work fine and correctly open up a pop up window with the
> disired
> image contained within. However when I roll over the thumbnail the mouse
> cursor
> does not change to a pointer like it normally would which is undesirable
> as the
> user then does not know it is a link.
> Can anyone help me with this I have tested it both in Safari & Internet
> explorer.
>
> Also I have seen pop up windows which use the 'open browser window'
> behaviour
> with a close window link below the image. How do I add this in.
>
> www.rocketmedia.ie/blunt
>
> Thanks for your time in reading this
>



Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews