Forums

[resolved] Plugin: NextGen Gallery: Jumping thumbnails (4 posts)

  1. Gedigen
    Member
    Posted 1 year 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: http://www.gedigen.com/blogg/?p=86

    I hope that someone can help me.

  2. cinematic
    Member
    Posted 1 year ago #

    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.

  3. Gedigen
    Member
    Posted 1 year ago #

    cinematic:
    It worked!
    THANK YOU SO MUCH!!

  4. darlanne
    Member
    Posted 1 year ago #

    Exactly what I was looking for. Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic