whole slide as link w/ lazyload: rsLink not visible.

tom's Avatar

tom

16 Sep, 2019 04:23 PM

Hi, love the product!

I'm trying to make a lazy-loading slider, with a hyperlink in front of each slide, based on "http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-to-create-whole-slide-with-hyperlink". I'll need the "drag-without-clicking" behavior of <a> element.

However, I somehow can't get the <a class="rsLink"> to be either visible, or functional as a link. To me, it seems like "z-index" isn't working, inside of the <div class="rsContent"> (or any other <div> or <span>)

https://thingsmatter.com/Test_rs_SlidesAsLinks/

Tom

  1. Support Staff 1 Posted by Dmitry Semenov on 17 Sep, 2019 04:44 AM

    Dmitry Semenov's Avatar

    Hello,

    You have style that hides all links:

    .royalSlider a {
        visibility: hidden;
    }
    

    Also, the link should be placed after img element, not before.

  2. 2 Posted by tom on 17 Sep, 2019 07:17 AM

    tom's Avatar

    Thank you!

    I knew I'd feel dumb after you'd answered. And I do. But so happy this is is resolved!

  3. tom closed this discussion on 17 Sep, 2019 07:18 AM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac