?
Solved

Need help with jQuery/CSS  thumbnail gallery

Posted on 2013-05-29
2
Medium Priority
?
346 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 2000 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

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
How to build a simple, quick and effective accordion menu using just 15 lines of jQuery and 2 css classes
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
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…
Suggested Courses
Course of the Month8 days, 16 hours left to enroll

764 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