How do I get two images to pop up when I click on an image

[jgt1942]

I'm trying recreate in XWD the page at http://precisionmarbleinc.com/produc...ne-granite.php with same function (or similar) when the user clicks on an image on the page. The two images and text are necessary as in the current pop up. I've got larger images to pop up in XWD (see http://precisionmarbleinc.com/produc...ent-strips.htm) but this is not the same thing.

Any suggestions?

[bjornkn]

I would probably have used a php solution, similar to the current one, if all popup windows are showing the same text and images sizes.
Won't work offline though.
But you could also make a new doc/page with the texts + the 2 images on, make the texts (and other objects?) RepeatOnAllPages.
Duplicate the page xx times and replace the image sets on each.
If you need to change the text or other repeating objects you should be able to do that by updating all at the same time.
Publish these pages into a subfolder, like 'tiles', and link to them from the main pages with 'tiles/01.htm" and so on.
No need to have any links between the pages, as they will only be shown as popups.
Set target to _blank?
Avoid spaces in filenames BTW.

[gwpriester]

You could use pop up layers instead. I have done this on my design website, for example http://gwpriester.com/vector-Illustration.html

I have used the Mouse-over link to layers instead of link to popup layer but that would work as well.

This is not hard to do. Create a new link for each image, place the image and text on the new layer and then link your smaller images to the pop-up layer.

[jgt1942]

You could use pop up layers instead. I have done this on my design website, for example http://gwpriester.com/vector-Illustration.html

I have used the Mouse-over link to layers instead of link to popup layer but that would work as well.

This is not hard to do. Create a new link for each image, place the image and text on the new layer and then link your smaller images to the pop-up layer.

As I understand what you have done is you have a specific area that the pop-up will appear. Is this correct? Do you have to have a specific area for the pop-up?

I attempted to create a layer (see http://precisionmarbleinc.com/produc...ne-granite.htm) for what I will need but the layer is showing through. I've linked the image to the layer but it does not come to the front when I click on the image which is linked to the layer.

[jgt1942]

I would probably have used a php solution, similar to the current one, if all popup windows are showing the same text and images sizes.
Won't work offline though.
But you could also make a new doc/page with the texts + the 2 images on, make the texts (and other objects?) RepeatOnAllPages.
Duplicate the page xx times and replace the image sets on each.
If you need to change the text or other repeating objects you should be able to do that by updating all at the same time.
Publish these pages into a subfolder, like 'tiles', and link to them from the main pages with 'tiles/01.htm" and so on.
No need to have any links between the pages, as they will only be shown as popups.
Set target to _blank?
Avoid spaces in filenames BTW.

I'm able to get the big image page to come up in a new window but not like I have on the current site. I did some research and found DHTML Modal window v1.1 at http://www.dynamicdrive.com/dynamici...dhtmlmodal.htm and I think this is a slick solution, assuming I can figure it out and get it working in XWD.

[jgt1942]

I just found another Dynamic Drive solution which is very similar to what I currently have (Popup Window Generator, see http://www.dynamicdrive.com/dynamicindex8/popwin.htm) There also may be others here but the huge problem for me is understanding and implementing it.

[zaphodeist]

A tutorial here and a .xar

[gwpriester]

As I understand what you have done is you have a specific area that the pop-up will appear. Is this correct? Do you have to have a specific area for the pop-up?

You can place any thing any where on a pop up. The only problem is sometimes what is under the pop up. So for some of my images I have added a bitmap of the background stripes pattern to mask off what is underneath.

[a_tranter]

I attempted to create a layer (see http://precisionmarbleinc.com/produc...ne-granite.htm) for what I will need but the layer is showing through. I've linked the image to the layer but it does not come to the front when I click on the image which is linked to the layer.

Looked at this link - you are on the right lines here - but your pop-up layer needs to in front (in the 'page & layer gallery' drag the layer up the list to the top) and it needs to be not visible before previewing, exporting or publishing (click the 'eye' on the layer to make it invisible).

[jgt1942]

OK thanks to all the great help I'm almost there. So far this is what I've done (again thanks for the suggestions)

1. I created a new layer and named it after the pattern I'm displaying
2. On the new layer I had my text and two images
3. On the new layer I drew a rectangle (automatically it was filled with black)
4. Using the ordering tool I moved the black rectangle to the back, now my text and image are on the top
5. Now to make the layer invisible in the "Page & Layer Gallery" I had to right-click on the new layer and deselect the check box Visible". For reasons I don't understand just clicking on the eye had no effect (this is not true for the other layers).
6. The layer is positioned at the top of the list, just under the guides layer.

Now when I click on the image the layer pops up (yea) but to make the layer disappear I have to click on something other than the layer (boo).

Questions

• Is there something I can do so the viewer can click anywhere and have the layer disappear? e.g. currently if I click on the layer nothing happens but if I click outside the layer it will disappear.
• I need to repeat this process for all the other samples thus can I have all the other layers pop to the top as well? BTW I'm about to test with the second image to answer this question.