Content slides with Visible nearby

andries's Avatar

andries

03 Dec, 2012 01:16 PM

Hi Dimitri,

Thanks for your wonderful plugin,

i had a question,

is it possible tot do a gallery with visible nearby like from your demo,
but with content slides? ( text images, video mixed)

and how to set that each slide has the same width and height,
but is responsive?

Thanks!

  1. Support Staff 1 Posted by Dmytro Semenov on 03 Dec, 2012 01:58 PM

    Dmytro Semenov's Avatar

    Hi,

    Yes you can, just put HTML in slide and style it how you need.

    Dmitry

  2. 2 Posted by andries on 03 Dec, 2012 02:08 PM

    andries's Avatar

    Hi Dimitri,

    thanks for your answer,
    but the issue i have, is that for example my slides should constrain a proportion of 400px to 300px,

    so when the window resizes, the slides get smaller, but keep these proportions,
    for example 200px to 150 px....

    <div class="sliderContainer visibleNearby fullWidth clearfix royalSlider-preview">
      <div id="gallery-1" class="royalSlider contentSlider rsDefault">
      
      
    <div class="slidecontent">
        <h3>Slide HTML Text</h3>
        <p>This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.  These words are here to provide the reader with a basic impression of how actual text will appear in its final presentation. </p>
    </div>
    
    <div class="slidecontent">
        <img class="rsImg" src="../img/home.jpg" height="397" width="707">
        <h3>Slide with Image and Text</h3>
        <p>This is dummy copy. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. If this were real copy, it would have ended long ago. But then, this is dummy copy. It is not meant to be read. Period.</p>
    </div>
    
    <div class="slidecontent">
        <img class="rsImg" src="../img/boat.jpg" data-rsvideo="https://vimeo.com/44878206" height="425" width="640">
        <h3>Slide with Video and Text</h3>
        <p>This is dummy copy. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy copy. It is not meant to be read. Period.</p>
    </div>
    

    Now what should i style to set these proportions?
    the .slidecontent div i created,
    or the .rsSlide div?

  3. Support Staff 3 Posted by Dmytro Semenov on 03 Dec, 2012 07:14 PM

    Dmytro Semenov's Avatar

    Set width to 100% and set autoScaleSliderWidth and autoScaleSliderHeight options to 400 and 300. http://dimsemenov.com/plugins/royal-slider/documentation/#options

    Dmitry

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