Centering pop up photo over web page

[avalon]

I have a series of 15 photos. 3 columns by 5 rows.

If I click on the first photo it opens and displays at the upper right hand corner of the webpage. If I click the last photo it opens and displays at the lower left corner of the webpage. The slideshow of all 15 works with no problem once any photo is clicked on.

How do I fix the positioning so that regardless of which photo is clicked it ALWAYS centers over the webpage. Is it possible or do I have to use pop up layers or did I miss something.

Thanks for any assistance you all might provide.

[gwpriester]

Welcome to TalkGraphics

I am just writing about this and other web related topics for the next Xara Xone Workbook due on-line by Friday.

The solution is a simple script placed in a placeholder in the Body HTML section:

<script type="text/javascript">hs.align = "center";</script>

Create a rectangle. Select the rectangle and open the Web Properties > Placeholder section.

Copy the script shown above and paste it into the Replace with HTML Code (Body) area.

Leave the rectangle/placeholder on the page. It will not be visible when the page publishes but will force the pop-ups to be centered.

[ShapeShifter]

I believe this script should be placed in the head section rather than the body section.

See: http://highslide.com/ref/hs.align

[avalon]

This worked fine in the head and the body in both preview and live.

I did not use a placeholder as Gary recommended don't know if it will make a difference but will experiment.

Is there a way to get rid of the X in the upper right corner of the photo popup?

Thank you you both for your prompt response, I appreciate it very much.

avalon

[ShapeShifter]

You can remove the close button using this script in the head section:

<style type="text/css">
.close-simple-white {
width: 0px;
height: 0px;
cursor: pointer;
}
</style>

More xara related hs tweaks can be found here: http://xara-users.info/demos/highsli...2010/index.htm

[D14media.de]

Thanks for this solution gw, works perfectly

[gwpriester]

The script was Shape Shifter's, to give credit where credit is due.