The contact page of my FancyBox skin, my PhotoSwipe skin, my Lightgallery skin and my SlideShow 4 skin have been improved:
- Four new user definable links have been added.
- The width of the contact page image can be defined in px or %'.
- You can now add text and / or code to the contact page, for example to add a location map.
To add a location map, use the following procedure:
- Open the Google Maps web-page.
- Enter your address in the upper left search box or add a marker to the map by clicking in the map on the location you like to show.
- Next click on the 'Share' button.
- Select the 'Embed a map' tab.
- Click on the 'Copy HTML' link to copy the code to the clipboard.
- Open the Contact page in jAlbum and enter the code in the large lower text block via the keyboard combination ctrl+V or by clicking with the right mouse button in the text block and selecting 'Paste' in the menu.
You see now a text like this:
<iframe src="https://www.google.com/maps/embed?pb=!..." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
Change the width "600" into "90%" to avoid problems on small smartA-phone screens .
You may add some text above the map by entering before the <iframe text a string like <h3>Location</h3>
To see the result open this example album and click on the 'Contact jAlbum' menu button.
It uses these Contact page settings:
You see here a width of 20% for the Contact image, so this image is adapted to the window width.
You see here also the 4 new link fields.
Instead of the embedded map page you can also use a link to open the location in a new window. Select in that case in the Google Maps page, after you clicked the 'Share' button, the 'Send a link' tab and next click the 'COPY LINK' link. Enter this link in one of the new link fields on the Contact page via the ctrl+V key combination and add a text like 'Location' in the corresponding text field.
