Home / Topics / Responsive Lightbox / Nivo Lightbox navigation with arrowkeys not working

Nivo Lightbox navigation with arrowkeys not working

We're here to help.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • 19 July 2014 at 14:33 #4454
    Markus Me
    Participant

    Hi,

    i installed the plugin and tryed to use the “Nino Lightbox”.
    Its working find, but the arrowkeys are not working to switch between the pictures of the Gallery.
    The ESC butten is working.
    i think its a problem caused by “my site” and not by the plugin, but perhaps you can see the Problem?
    http://www.m-momente.de/blog/?page_id=2546

    greetings
    Markus

    21 July 2014 at 10:24 #4466
    Bartosz
    Keymaster

    Hmm… should be ok.

    However each of the image links contains another image (generated by the gallery plugin I think). Is there an option you remove it and try again.

    Another thing: did you check if this behaves the same if you chose different script?

    21 July 2014 at 23:51 #4484
    Markus Me
    Participant

    Okay its realy the “Responsive Gallery Grid” that makes the problem.
    if i disable it there are arrows and i can switch between the pictures.

    Now i switched th FancyBox which is great too, but in kombination with the standart Theame the box is behing my header/navigation. (its active right now)

    22 July 2014 at 00:06 #4485
    Bartosz
    Keymaster

    That means that you header / navigation has extremely high CSS z-index attribute.

    Just change that in your theme.

    22 July 2014 at 10:42 #4505
    Markus Me
    Participant

    Can you tell me which z-index the Fancybox has?

    And the Strainge thing is that Tablets and Mobile phones do not know the z-index command … and on my Tablet the Lightbox is behind the navigation too.

    22 July 2014 at 10:59 #4506
    Markus Me
    Participant

    Hey Bartosz,

    thanks! i fixes if with chainging:
    #branding {
    border-top: 2px solid #bbb;
    padding-bottom: 10px;
    position: relative;
    z-index: 100;

    z-indx from 9999 to 100! (1000 was also to high ^^)
    Thanks! :)

    25 July 2014 at 22:38 #4546
    Lubomir Buchta
    Participant

    Hi, for me the same problem (i am using the same plugin “Responsive Gallery Grid”). Navigation arrowkeys not working, can you help me with?
    I was try #header #nav .children {z-index: 100;} and #toggle {z-index: 100;} nothing work.
    http://portfolio05.mfacko.cz/portfolio/

    29 July 2014 at 19:23 #4561
    Lubomir Buchta
    Participant

    I try .nivo-lightbox-overlay {z-index: 100000 !important;} and also not working.
    If i am using .nivo-lightbox-nav { display: block !important; } navigation arrowkeys is showing http://goo.gl/5Yl2Pzscreenshot, but not working.

    30 August 2014 at 09:57 #4832
    Lubomir Buchta
    Participant

    Helou, anyone can help?

    21 December 2014 at 16:03 #5758
    Lubomir Buchta
    Participant

    Hi, i was hoping maybe some update resolve the problem with arrowkeys, but nothing change. Can anyone help me with?
    I am using Plugin Responsive Gallery Grid, for gallery and Plugin Responsive Lightbox for images. Responsive Lightbox settings is on – Lightbox script “Nivo Lightbox” but arrowkeys do not show (https://docs.google.com/file/d/0B1LUR6TdQvFiQUVJZWp4cy1NSVk/edit?usp=drivesdk). If i am using .nivo-lightbox-nav { display: block !important; } navigation arrowkeys is showing https://docs.google.com/file/d/0B1LUR6TdQvFiOG1Qb2FmTk1xSkE/edit?usp=drivesdk, but not working.

    It is for website http://portfolio05.mfacko.cz/portfolio/

    Any idea why or how to resolve this? Thanks for any help.

    23 December 2014 at 11:43 #5762
    Bartosz
    Keymaster

    There’s an update coming – maybe it will fix this. However I’m not really sure it’s the plugin or any of the scripts you have on your site.

    From the HTML output – it should be ok.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.
Featured In