Home → RoyalSlider HTML version issues →

Multiple images in one slide

• Edit

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

   

   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

   • Edit

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

   

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

   • Edit

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

   

   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.

   • Edit

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

   

   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

   • Edit

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

   

   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

   • Edit

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

   

   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

   • Edit

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

   

   Any news?

   • Edit

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

   

   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?

   • Edit

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

   

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

   Dmitry

   • Edit

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

    

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

    • Edit