• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 356
  • Last Modified:

Need help with jQuery/CSS thumbnail gallery

Hi,
I love the look of this gallery http://www.twospy.com/galleriffic/example-3.html but would like to have the thumbnails under the main pic

If I change div.content as below it works fine but I cant seem to work out how to get the thumbnails across whole page instead of 3 columns?

Any ideas?


div.content {
      display: none;
      float: right;
      width: 550px;
}

to

div.content {
      display: none;
        margin:0 auto;
      width: 550px;
}
0
sabecs
Asked:
sabecs
  • 2
1 Solution
 
Ahmed HusseinCommented:
HYG,

Add this to your CSS file, or inline style.

#thumbs{
 width: 100%;
float: left;
opacity: 1;
}
div.content {
float: right;
width: 100%;
}

Open in new window


~AG
0
 
Ahmed HusseinCommented:
And to center the slideshow picture do this:

change left value for div.slideshow span.image-wrapper from left:0; to left:20%;

div.slideshow span.image-wrapper{
   left:20%;
}

Open in new window


and add this:

div.navigation {
width: 100%;
}

Open in new window


and should work like a charm.

~AG
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now