Linking to anchor on next page

abc

Hey!

On my startpage are displayed all images uploaded to AUTOMAD as thumbnails. The images are linked to the respective project. On the project-page there are e.g. 20 images among each other and I would like to jump to the position where the clicked image is.

This is how my startpage looks:

<@ newPagelist { context: "/", type: "children" } @> <@ foreach in pagelist @> <@ filelist { glob: @{ files | def('*.jpg, *.png') }} @> <@ foreach in filelist { crop: false } @> <div class="grid-element"> <a href="@{ url }"><img src="@{ :fileResized }" alt="@{ :basename }" ></a> </div> <@ end @> <@ end @>

Also, when going back to the startpage the visitor should be at the same position as before he/she clicked on the image.

Thanks so much for any help – I really love AUTOMAD!
Lukas

mad

abc Hi there! I think you can achive what you want by change your pagelist snippet as follows:

<@ newPagelist { context: "/", type: "children" } @>
<@ foreach in pagelist @>
    <@ filelist { glob: @{ files | def('*.jpg, *.png') }} @>
    <@ foreach in filelist { crop: false } @>
        <@ set { :id: "img-@{ :basename | sanitize }" } @>
        <div class="grid-element">
            <a href="@{ url }#@{ :id }"><img id="@{ :id }" src="@{ :fileResized }" alt="@{ :basename }" ></a>
        </div>
    <@ end @>
<@ end @>

This should link to the correct anchor on the project page. The link back you don't need to implement yourself. The browser should go back to the correct position when using the back button.

However the snippet above is untested but might give you a hint. 😀

abc

N-I-C-E, thanks so much!