how to put link inside gallery?

Hello, i find quark as an excellent template, maybe the most complete from all you have made! Congradulations!!
Now my problem: I saw the PhotoSwipe gallery that has the following code: "
<div class="gk-cols gk-gallery" data-cols="3">
<div>
<a href="/quark/images/demo/gallery/image1.jpg" data-size="1280x1280" data-title="Modern clock" data-desc="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin consectetur dui at tempor elementum. Aenean convallis metus nec nibh varius hendrerit."><img src="/quark/images/demo/gallery/thumb1.jpg" alt="Thumbnail I" /></a>"
I would like to put inside "data-desc" a link to a pdf catalog. Would you please suggest me how to do this?

Thanks

Hi,
this was created as a image gallery "only", but ...
link to your PDF you can try to put here
before
<a href="/quark/images/demo/gallery/image1.jpg"....
after
<a href="images/document.pdf" ....

in theory it should work. if not, sorry but you have to use another extension.

I don't really understand how to do it.
You say before
<a href="/quark/images/demo/gallery/image1.jpg"....
after
<a href="images/document.pdf" ....
Could you be more specific?
Do you mean to write something like

<div>
<a href="images/catalog.pdf" data-title="Please download catalog"></a>
<a href="/quark/images/demo/gallery/image1.jpg"

Maybe i did not explain properly.
I need to write inside caption description "please download catalog" and this text should be a link to a pdf download. Is this possible?

Code: Select all

<a href="images/doc.pdf" data-desc="Bla bla Bla PDF" data-title="PDF" data-size="1280x848"><img src="images/demo/gallery/thumb15.jpg" alt="PDF" /></a>

I checked on real website and it doesn't work like you expect
because access to PDF you will get after linking on

link.jpg

>>The image (link to pdf)<< could not be loaded.


So if you're php/js/html beginner just use this component which I gave you link before.

ok Oskar thank u.
I liked a lot the photoswipe gallery.
I might give a shot to the one u suggested me.
Thank you

...but if you're "stubborn" edit that file: gk_quark\js\photoswipe.min.js
find "could not be loaded" and replace with "document can be downloaded" or other phrase, also replace "The image" word, which should be near before.

I hope that it will help a little bit