Centering pop up photo over web page
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.
Re: Centering pop up photo over web page
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.
Re: Centering pop up photo over web page
I believe this script should be placed in the head section rather than the body section.
See: http://highslide.com/ref/hs.align
Re: Centering pop up photo over web page
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
Re: Centering pop up photo over web page
You can remove the close button using this script in the head section:
Quote:
<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
Re: Centering pop up photo over web page
Thanks for this solution gw, works perfectly
Re: Centering pop up photo over web page
The script was Shape Shifter's, to give credit where credit is due.