Popup Window in Dreamweaver

This is very useful technique in Dreamweaver, by using this technique you can take Large view of your thumbnails. Instead of opening picture in new window, we normally use Popup window. So very short but informative technique.

1. First of all you will need 2 images, 1 for thumbnail and other for large image.

2. Take new file in Dreamweaver and insert your thumbnail in it.

3. Select the thumbnail and run the command Windows >> Behavior or simple press Shift + F4 key.

4. Towards the right side behavior panel would come, click on the  and then select Open Browser Window:

5. Following window should come:

URL to display:

You can either type the URL of any website (i.e. http:www.stunningmesh.com) or you can select any file from here, like we have Large Image file, so click Browse button and select your Large View file.

Window Width:

Here you can write the width of Popup window. As our large image is having width of 600 so I’m going to write 600 here.

Window Height:

Here we will write the height of our large image. So I’m writing 400 here.

Navigation Toolbar:

If you switch on this option then in Browser when Popup window will come you will also see Navigation bar of browsers on top. If you don’t need this just remain this option uncheck.

Menu Bar:

If you switch on this option then in popup window you will also see Main Menu bar. (i.e. File Edit View History etc.) If you don’t need then just uncheck this option.

Location Toolbar:

If you have unchecked Navigation Toolbar and you also want to see the bar where file location would come, so after checking this option you will also see that location toolbar in popup window.

Scrollbars as Needed:

Suppose you are watching a website in Popup window and that website is having a very long page, if you have not switched on this option then you will not see Scroll bars around that popup window, you may switch on this option to view those scrollbars too.

Status Bar:

Bottom last bar of browser window will come if you switch on this option.

Resize Handles:

If you switched off this option then you will not be able to change the size of Popup window, switch it on if you need to resize it.

Window Name:

This is important to give the name of window. Suppose you have more than one thumbnails and you want to open each thumbnail in a popup window, if you have written same Window name for all thumbnails then only on popup window will open, but if each thumbnail is having different Window name, then each thumbnail’s popup window will open in new Window (Better to use same name for all windows, to avoid the load of windows)

6. Hit OK and save the file. In Browser Window (right panel) you will see the Mouse Behavior, you can change it by selecting anyone of your own desire.


If you are using Adobe CS then you will have to select <A> onClick from this list, otherwise you will not be able to see the Hand Mouse pointer in browser Window. In earlier version of Dreamweaver you don’t have to select anything.

Popup Window in Dreamweaver

About The Author

7 thoughts on “Popup Window in Dreamweaver – How to Create it?

  1. I’ve been exploring for a little bit for any high-quality articles or weblog posts on this sort of area . Exploring in Yahoo I at last stumbled upon this web site. Studying this information So i am satisfied to exhibit that I have a very just right uncanny feeling I came upon just what I needed. I such a lot surely will make certain to don?t overlook this site and give it a glance on a relentless basis.

  2. Have you ever considered publishing an ebook
    or guest authoring on other sites? I have a blog centered on
    the same topics you discuss and would really like to have you
    share some stories/information. I know my viewers would value your work.

    If you’re even remotely interested, feel free to send me an email.

  3. thank you for this info. i’m trying to use a pop-up window for hotspot thumbnails. i want the thumbnail to open an html doc with bigger pic and info. i don’t want the hotspot to open in a new tab. i follow the directions above but it doesn’t work. i have tried not linking the hotspot in the properties window but then nothing happens. i’m not sure how behaviors and properties interact or even if they do/ thank you for any help you can give me.

    1. You have to make your DOC file along with picture in a new HTML file, then call that HTML file by following the above steps, if you find any difficulty, don’t hesitate to ask.

  4. Hello guys, I am Erica and I am want to post this text at my own website, with link to your blog, for my visitors.

Leave a Reply

Your email address will not be published. Required fields are marked *

Select your Language please »