Solved

Need help with jQuery/CSS  thumbnail gallery

Posted on 2013-05-29
2
342 Views
Last Modified: 2013-05-30
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
Comment
Question by:sabecs
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
2 Comments
 
LVL 4

Expert Comment

by:Ahmed Hussein
ID: 39204288
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
 
LVL 4

Accepted Solution

by:
Ahmed Hussein earned 500 total points
ID: 39204330
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

Featured Post

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

717 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question