WebSite X5Help Center

 
Frank J.
Frank J.
User

Links from Index to Image on another page  en

Autore: Frank J.
Visite 1602, Followers 1, Condiviso 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 

Postato il
10 RISPOSTE - 3 UTILI - 1 CORRETTO
John S.
John S.
User

You could use anchors for that.

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

Leggi di più
Postato il da 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.

Leggi di più
Postato il da John S.
Andreas S.
Andreas S.
Moderator
Utente del mese DE

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

Leggi di più
Postato il da Andreas S.
John S.
John S.
User

You make the anchors like this:

Leggi di più
Postato il da 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.

Leggi di più
Postato il da John S.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Utente del mese ESUtente del mese 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

.

Leggi di più
Postato il da  ‪ 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

Leggi di più
Postato il da Axel  
Axel  
Axel  
User

Hello Franck,

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

Enjoy!
Axel

Leggi di più
Postato il da Axel  
Simon K.
Simon K.
User

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

Leggi di più
Postato il da Simon K.
Frank J.
Frank J.
User
Autore

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

Leggi di più
Postato il da Frank J.