-
Posts
-
Hello,
I’ve looked but can’t find a way to make a link using advanced layerslider open directly into a lightbox. I tried using the classes and different methods but I can’t get LS to do this. Is it possible? Any help would be greatly appreciated. Thanks!
Hi!
Try:
<a href="_URL_" rel="lightbox" data-rel="gallery-1">Link</a> <a href="_URL_" rel="lightbox" data-rel="gallery-1">Link</a> <a href="_URL_" rel="lightbox" data-rel="gallery-1">Link</a>Cheers!
JosueHow do you mean?
I added layers with links an no images but the lightbox still only shows the 1 image. I don’t think I’m doing it right.
You need to put the data-rel=”gallery-1″ attribute to the three links.
<a href="http://pipe-pros.com/file/2014/03/casingtubingservices.jpg" rel="lightbox" data-rel="gallery-1"><img src="http://pipe-pros.com/file/2014/06/footer_companybrochure.png" width="136" height="20" /></a> <a href="http://pipe-pros.com/file/2014/03/casingtubingservices2.jpg" rel="lightbox" data-rel="gallery-1"></a> <a href="http://pipe-pros.com/file/2014/03/casingtubingservices3.jpg" rel="lightbox" data-rel="gallery-1"></a>Oh right. I had done it that way at first. And it does work. But my problem is that the icon image isn’t responsive when I do it that way.
You had mentioned adding the remaining empty image links in another layer. It seems like that might work somehow. But I think the only way for the image icon to be responsive is to add it through the image upload on LS and give it the “gallery-1” Rel. I don’t know how it would be possible to make it link to the other images in the other layer. Hope that makes sense.
Take a look at the site right now. I added another layer in the top left that includes the code you sent me. You’ll notice it DOES work but the image is not responsive therefore I can’t use it. My current icon is only linking to the one image in the lightbox.
Are you referring to the lightbox when you say is not responsive? we included a new and better lightbox script in 2.9.1.
Hi!
Thank you for the update.
Can you please add it again? Create a test page with a duplicated layer slider. We would like to check it. Right now, it is responsive.
Best regards,
IsmaelOkay please check it now. I placed it where it belongs. You’ll see that it isn’t responsive. But the one that isn’t responsive is the one that has the multiple images in the gallery.
Hi again,
I tried this but I might be missing something. I have them in 3 layers using the ‘gallery-1’ Rel. What should be in the html part of each layer? And should the first layer have the icon (image link) set in the content tab in LS?
No HTML content, just use Image Layers + Link. You can set the two remaining layers a class like “hide” to hide it to the user via CSS:
.hide{ display: none !important; }Hey!
It is working and the gallery too:
Refresh a few times or check it on another browser/session.
Best regards,
Josue
- You must be logged in to reply to this topic.