Visible Nearby

hanahavandi's Avatar

hanahavandi

14 Dec, 2018 05:14 PM

Is there any way to make the visible nearby images either:
1- Set its opacity/background to a different value or
2- Make the navigation arrows completely cover the side images so that you can play with the background of the .rsArrow classes.

Many thanks

  1. Support Staff 1 Posted by Dmitry Semenov on 14 Dec, 2018 08:54 PM

    Dmitry Semenov's Avatar

    Hello,

    Nearby slides styles are applied just via CSS:

    .visibleNearby .rsSlide img {
      opacity: 0.45;
      transition: all 0.3s ease-out;
      transform: scale(0.9);
    }
    .visibleNearby .rsActiveSlide img {
      opacity: 1;
      transform: scale(1);
    }
    

    Arrow elements can also be resized via CSS.

  2. 2 Posted by hanahavandi on 15 Dec, 2018 04:45 AM

    hanahavandi's Avatar

    Thanks for your reply, but it does not work for me. The visible nearby images are always at 100% opacity!

  3. Support Staff 3 Posted by Dmitry Semenov on 15 Dec, 2018 06:38 AM

    Dmitry Semenov's Avatar

    Make sure that you have addActiveClass: true option enabled.

    If you won't be able to resolve - please link to the page with the problem.

  4. 4 Posted by hanahavandi on 15 Dec, 2018 04:50 PM

    hanahavandi's Avatar

    Hi Dmitry,

    Thanks for you response.

    Tried that and looked in chrome console and it has the class added but I
    can't see the visibleNearby class anywhere although the slide show
    correctly shows the nearby images.

    Unfortunately at the moment I cant provide link. Are there any examples.
    May be this should be the default as the side images should not distract
    user from the main center image.

    Regards
    Hassan

  5. Support Staff 5 Posted by Dmitry Semenov on 15 Dec, 2018 05:10 PM

    Dmitry Semenov's Avatar

    It's a default template, you can find it inside archive that you got from CodeCanyon, as well as here http://dimsemenov.com/plugins/royal-slider/visible-nearby/

  6. 6 Posted by hanahavandi on 15 Dec, 2018 08:22 PM

    hanahavandi's Avatar

    This demo works beautifully.
    I just cant get mine to do anything like that.
    I will look at the page source see if I can get anywhere.

    Many thanks for your help - I will be back (as arnold would say!)

  7. 7 Posted by hanahavandi on 15 Dec, 2018 08:23 PM

    hanahavandi's Avatar

    Sorry,

    Is there any other modules apart from visible nearby and active to include
    in the build?

    Thanks

  8. Support Staff 8 Posted by Dmitry Semenov on 15 Dec, 2018 09:58 PM

    Dmitry Semenov's Avatar

    Not really, you may also include a caption if you use it. Or use a full build with all modules.

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