Visible Nearby

hanahavandi's Avatar


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


    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.


  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

  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


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


  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


? 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