Plugin: NextGen Gallery: Jumping thumbnails

  • Resolved gedigen

    (@gedigen)


    16 years, 6 months ago

    Hi everyone!

    I have just started to use nextgen gallery and I have problem with jumping thumbnails when I use [gallery=id] function.

    The BIG problem I have is that when I come in to one of my past with a gallery on, the “blocks” looks fine but when I drag the mouse over the last thumbnail in every row the pictures below jumps around like this

    The second and smaller problem I have with the thumbnails is that when I drag my mouse over the thumbnails, the thumbnails moves a little to the side.

    Here is a link to my blogg and you can see how my nextgen gallery reacts: https://www.gedigen.com/blogg/?p=86

    I hope that someone can help me.

Viewing 3 replies - 1 through 3 (of 3 total)

  • in nggallery.css look for -> gallery view

    .ngg-gallery-thumbnail img:hover {
    background-color: #A9A9A9;
    }

    and change it to
    .ngg-gallery-thumbnail img:hover {
    background-color: #A9A9A9;
    border:1px solid #A9A9A9;
    display:block;
    margin:4px 0px 4px 5px;
    padding:4px;
    position:relative;
    }

    then the hovered image will have the same margin and padding like the ‘normal’ image and the following image can’t jump any more.

    Thread Starter gedigen

    (@gedigen)

    cinematic:
    It worked!
    THANK YOU SO MUCH!!

    Exactly what I was looking for. Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Plugin: NextGen Gallery: Jumping thumbnails’ is closed to new replies.