CODEWITHSUNDEEP
jqueryhtmlcssjquery-pluginsplugins
AMC
AMC

Reputation: 1695

thumbnail pagination/scrolling

I'm using a plugin to act as an image/gallery slider. As it stands, the thumbnails below the main image display in a grid- I would like for them to display in on single row, sliding back and forth to display all images. How can I achieve this?

live site.

Upvotes: 0

Views: 644

Answers (2)

Caelea
Caelea

Reputation: 2348

Put a height to your container div (nivo-controlNav). It should be equal to the height of your thumb, and set it's overflow to hidden

Like this:

.nivo-controlNav {
    height: 130px; /*here you put your real size*/
    overflow: hidden;
}

Later edit: 

.nivo-controlNav {
    height: 136px;
    width: 960px;
    overflow-y: hidden;
    overflow-x: auto;
}
.nivo-controlNav a {
    width: 136px;
    height: 136px;
    display: inline-block;
    float: left;
}

Upvotes: 1

mikey242
mikey242

Reputation: 335

I would assume that it would require floating the image container elements. If they are already floated (which they may be due to the grid layout you mention) then it may be a case of expanding the width of the container div (the div holding all the thumbnails).

Upvotes: 0

Related Questions