Add a link/ button to the big picture

Dutch_guy's Avatar

Dutch_guy

29 Apr, 2018 10:00 AM

I have this page with a gallery: https://www.devalk.nl/en/yachtbrokerage/350615/TARTAN-4400.html

As you can see the second slide is a video slide. This works great.

I now want to add an extra slide which will link to a virtual tour page in a new window. It is just a link to an external page.

My code to add this extra slide is:

<a class='rsImg' data-rsw='800' data-rsh='533' href='images/tour_slide.jpg'><img width='220' height='147' class='rsTmb' src='images/tour_slide_small.jpg' /></a>

But I need to add a button on top of the "tour_slide.jpg" image with the link to the virtual tour. How can I do this?

  1. Support Staff 1 Posted by Dmitry Semenov on 29 Apr, 2018 10:28 AM

    Dmitry Semenov's Avatar

    Hello,

    Thumbnails have alternative markup that allows using any HTML content - http://dimsemenov.com/plugins/royal-slider/documentation/#thumbnails

    Dmitry

  2. 2 Posted by Dutch_guy on 29 Apr, 2018 10:36 AM

    Dutch_guy's Avatar

    Hi,

    Yes but that is about the thumbnail. I need HTML content on top of the larger image. Please see attachment.

  3. Support Staff 3 Posted by Dmitry Semenov on 29 Apr, 2018 03:50 PM

    Dmitry Semenov's Avatar
  4. 4 Posted by Dutch_guy on 29 Apr, 2018 08:15 PM

    Dutch_guy's Avatar

    Thanks a lot! It works!

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

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