WebSite X5Help Center

 
Frank J.
Frank J.
User

Links from Index to Image on another page  en

Autor: Frank J.
Besucht 1104, Followers 1, Geteilt 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 

Gepostet am
10 ANTWORTEN - 3 NüTZLICH - 1 KORREKT
John S.
John S.
User

You could use anchors for that.

It will take you to a specific row on a page.

Mehr lesen
Gepostet am von John S.
John S.
John S.
User

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.

Mehr lesen
Gepostet am von John S.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

I don't know if you mean something like this, but search G00gle for "reference sensitive graphics".

Mehr lesen
Gepostet am von Andreas S.
John S.
John S.
User

You make the anchors like this:

Mehr lesen
Gepostet am von John S.
John S.
John S.
User

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.

Mehr lesen
Gepostet am von John S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats PT
Frank J.
... ... 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. ... ... 

(It > En) ... you create HIDDEN pages for each topic ...
... 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):
https://cdn.pixabay.com/photo/2020/10/08/05/06/stars-5636964_960_720.png

.

ciao

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Axel  
Axel  
User

Hello Franck,

 ‪ KolAsim ‪ ‪
... if instead it is an image that collects various constellations / topics to be linked...

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

Mehr lesen
Gepostet am von Axel  
Axel  
Axel  
User

Hello Franck,

If answers are OK for you, don't forget to close this ticket.

Enjoy!
Axel

Mehr lesen
Gepostet am von Axel  
Simon K.
Simon K.
User

I recommend using anchors brother. They will have you best results. 

Mehr lesen
Gepostet am von Simon K.
Frank J.
Frank J.
User
Autor

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

Mehr lesen
Gepostet am von Frank J.