Image in Modal and Image linked to an article

Hi Dennis,
to accomplish that you need to get a bit imaginative in your layout. . What I have done in some of my projects with similar requirements is to add the field "Article Title Link" above the image:

[attachment]Captura de pantalla 2019-09-19 a las 10.22.18.png[/attachment]

Then I have configured that field to output the Raw URL and I have also carefully added the anchor tag html in the HTML Wrapper - Top:

[attachment]Captura de pantalla 2019-09-19 a las 10.23.24.png[/attachment]

This way EasyLayouts generates a code similar to this:

<a href="/ARTICLE_URL"><img src="/IMAGE_URL" />

Finally you need to close the anchor tag in the image field:

[attachment]Captura de pantalla 2019-09-19 a las 10.25.35.png[/attachment]

In my screenshots I use the image field and not a media custom field, but the logic is exactly the same in your scenario.

For the modal page, you can use a similar logic but using Bootstrap or UIKit modal API so that the content is triggered easily. Which CSS and JS framework is your site?

Hi Carlos,

thanks for getting the right tipps: The Linked images are working perfect as described!

Secon i tried the Modal on my own but get stucked: I use Bootsrap 2 and did make some addings to the wrappers of the Image itself:
https://www.screencast.com/t/5M2Cl7jM

Unfortunally that does not effect. I´ve looked up at https://getbootstrap.com/2.3.2/javascript.html#modals but that didn´t helped me either.
Amy Idea on this?

Thanks,
Dennis

Thanks Carlos, that worked good for me!