Links from Index to Image on another page ![en](https://d33s48lcrmbkow.cloudfront.net/1x1.png)
Auteur : Frank J.
Visité 1379,
Followers 1,
Partagé 0
Hi
My site is about my astronomy projects and part includes images I have taken. I want to create an index wich will be a list of targets by their official designation. When each item is clicked I would like to be taken to the specific image on another page in the site.
For example NGC7822 in the index is a nebula, and all images of nebulae and in a seperate page called Nebula. I know that if I set the item in the index, say, NGC7822, as a link it will take me to the Nebula page. However I would like it to take me to the specific entry for NGC7822, within the Nebula page.
Is that possible please? If so how?
Thanks
Posté le
You could use anchors for that.
It will take you to a specific row on a page.
Example:
On this page : https://www.bramminginfo.dk/182---203.html I have descriptions for locations of part of a route.
I have made each location on its own row.
For 188, Vardehus Slot, I have made an anchor Anker188
If I want to direct a user to the explanation for 188. Vardehus Slot, then I will construct a link/URL like this:
https://www.bramminginfo.dk/182---203.html#Anker188
In X5 you can specify a X5 page with an anchor, when you specify a link.
Hope this helps you.
I don't know if you mean something like this, but search G00gle for "reference sensitive graphics".
You make the anchors like this:
I use a sticky bar so I have made an offset for the anchors. It is made using code and it takes effect for all anchors starting with Anker. It is a quite simple code but very effective. If you are using the sticky bar and the anchor-solution is something you can use, then tell it here in the thread and I will show the code for the offset for anchors.
If you are using the sticky bar, then when using the anchors will result in having the top of the anchor-item be covered by the sticky bar - thats is why some workaround is needed then.
(It > En) ... you create HIDDEN pages for each topic ...
![https://cdn.pixabay.com/photo/2020/10/08/05/06/stars-5636964_960_720.png](https://cdn.pixabay.com/photo/2020/10/08/05/06/stars-5636964_960_720.png)
... the links are applied simply by clicking, opening on the second page, or in the showbox, or in jS PopUp; ... very simple and intuitive ...
......
... if instead it is an image that collects various constellations / topics to be linked, like this example, then you have to use the HTML mapping (extra), (or SVG):
.
ciao
.
Hello Franck,
May be in this case you can use the area tag to create some zones on your picture:
https://www.w3schools.com/tags/tag_area.asp
Enjoy!
Axel
Hello Franck,
If answers are OK for you, don't forget to close this ticket.
Enjoy!
Axel
I recommend using anchors brother. They will have you best results.
Auteur
Hi All
Many thanks for all the responders. I have looked into Anchors/Ankers and think I understand ;=))
I have tried a few and they all work.
Thanks again, the help much appreciated.
Frank