Multiple images in one slide

clemens's Avatar

clemens

18 Mar, 2013 02:39 AM

Hi Dmitry, hi guys,

I would like to add multiple (two to three) images to one slide and can't seem to figure out how.

I have added the images to the div like so, but only the first image is showing full-screen:
<div> <!-- slide 1 -->
<a href="#"><img /></a>
<a href="#"><img /></a>
<a href="#"><img /></a>
</div>
<div> <!-- slide 2 -->
</div>
etc.

I think the tricky bit is to show two or three images next to each other in a full-screen responsive slider.
So I would like the slider to be responsive, scale all three images and for all three images to be linked to different URLs.

I thought it would be relatively easy with RoyalSlider as you can add any kind of HTML to the slides.

If that doesn't work, is there an alternative like combining three images into one and using a link/hotspot map that scales relatively to the images?

Thanks for your help!

Cheers
Clemens

  1. Support Staff 1 Posted by Dmitry Semenov on 18 Mar, 2013 07:59 PM

    Dmitry Semenov's Avatar

    Hi,

    If you add multiple images, scaling of them you need to handle by yourself via CSS. And I recommend to disable options like imageScaleMode and imageAlignCenter

    Dmitry

  2. 2 Posted by kuaihua on 18 Mar, 2013 11:43 PM

    kuaihua's Avatar

    Hi Dmitry, Is there anyway to add hotspots to images in the royalslider? If so, can you please help?

  3. 3 Posted by kuaihua on 18 Mar, 2013 11:51 PM

    kuaihua's Avatar

    Hello. I hope this email finds you well. I am interested in purchasing the Hotspots for Worpress but I would like to know if it will be possible for me to integrate it with royalslider. Please see link for exact example http://www.lifestylemirror.com/cover/jessica-hart-all-night/. I would like to put hotspots on images and let our readers hover over, see the product description, image and link to product used in photoshoot. Many thanks again, I really appreciate your help.

  4. Support Staff 4 Posted by Dmitry Semenov on 19 Mar, 2013 03:46 PM

    Dmitry Semenov's Avatar

    Hi,

    You can do anything you want with each slide and put anything inside. Just create transparent div rectangle and add it to slide.

    Dmitry

  5. 5 Posted by tom on 24 May, 2013 12:16 PM

    tom's Avatar

    Hi Dimitry,

    I know you've probably posted quite a bit on this subject, but do you have any plans to implement the option to have multiple slides shown at once. It's just I have a slider that needs to be 2 slides wide (including slide margin) and slide either one at a time or by 2. It's overriding a default WP gallery and WP latest.

    Thanks,
    Tom

  6. Support Staff 6 Posted by Dmitry Semenov on 26 May, 2013 03:22 PM

    Dmitry Semenov's Avatar

    Hi Tom,

    Yes, it's planned, not sure when exactly this feature will be released. As I told before, you may simply put multiple content blocks in single slide, so it'll look like a carousel.

    Dmitry

  7. 7 Posted by pavel.koltsov on 28 Oct, 2013 03:45 PM

    pavel.koltsov's Avatar

    Any news?

  8. 8 Posted by Can D. on 24 Mar, 2014 02:00 PM

    Can D.'s Avatar

    Hi Dmitry, I have a problem.
    There are more than one slider in a page. Clicking these buttons are located on the index content that is coming. But should work independently of each other. Return to the first slide of the button because it also affects the other. How can I help you?

  9. Support Staff 9 Posted by Dmitry Semenov on 24 Mar, 2014 07:13 PM

    Dmitry Semenov's Avatar

    @Can D., please link to page with issue.

    Dmitry

  10. 10 Posted by Gavin on 20 Nov, 2017 05:34 PM

    Gavin's Avatar

    Did this feature ever get added? I'd like to add 3 images/columns w/ clickable links to one single slide. Is this possible?

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