Use showbox with image mapping 
Author: Sami B.
Visited 1612,
Followers 2,
Shared 0
Hello,
I create a map on a big image (image mapping) so that whenever I click a certain part of the picture, I can go to another link. This was done using dreamweaver and it works without problems in website X5 after importing the html code.
What happens now is that when I click on one of the links, the page reloads with another picture.
What I would like to do is to use your "showbox" in order to display another layer on top of the existing picture instead of reloading another picture.
My issue is that I don't which part of the html code I should take to inject in the original image code in order for the showbox to show.
Here is an example of the page (links are in the bottom 3 squares.
Posted on the
Hello Sami,
Yes it's possible to make what you described. You need to change the project and not use the map function but cut the image in more parts and then put them in the right position with the Image Object.
Instead of having one single big image you will have different images so that you can use the link function with the showbox function inside WebSite X5.
After you followed this step you need to open the image that will contain the link to the showbox and click one the link icon and select File or URL with showbox and choose a HTML file that you created containing the image or HTML code that will be shown on the top layer.
Please keep in mind that all links that will appear on this page inside the showbox needs to have the attribute target="_parent".
Ex. <a href="http://www.google.com" target="_parent">Google</a>
If you require any further information, please feel free to write back.
Author
Thanks for your feedback, unfortunately I don't understand it fully.
Can you please check my understanding below?
1. take the orignal picture and cut it in pieces with an external tool.
2. insert those cut pieces on a page in WebSite X5 with the images cell (second icon from the top) OR should I add a text cell and within this text cell add the picture?
==> what about the borders? Will I be able to bring it all together with blanc stripes between the different parts of the image?
3. Assuming I get the images in the correct order, and perfectly alligned, I need to open that image and click on the "link icon" ==> I don't see a link icon as part of image settings in WSX5
can you please help with those questions?
Hello Sami,
Yes you need to cut the original picture with an external tool and use images cells to put them in the project.
About the borders, you need to check the exact size you need to cut them to have no border.
When you open the Image Object in WebSite X5 you find the section Properties and there is the Link property where you can write the link. After this box you fidn a little icon for the link properties where you can choose "File or URL with Showbox".