Ultimate Fade-in slideshow (v2.1) with liquid layout. What size do I make the slideshow?

Posted on 2010-03-24
Medium Priority
Last Modified: 2013-12-25
We want to use the Ultimate Fade-in slideshow from Dynamic Drive on our site. Our site is shieldskins.com and we are using this liquid layout template http://www.prostorestemplates.com/servlet/the-39/Smooth-Blue/Detail
My question is since the template is a liquid layout what size should we make the slideshow. I don't think the slide show will also change size with the template. We wanted to make the slideshow rather large similar to the one on this site http://www.bodyguardz.com/
Thanks for any help you can give me.
Question by:crash6916
1 Comment
LVL 22

Accepted Solution

remorina earned 2000 total points
ID: 28499039
Hi crash6916,
The best size would be 640 pixels in width.

Your site has a flexible layout so you don't want it to be wider than most visitors screen resolution.
Nowadays statistics shows that the most common resolution is 1024x768 and testing that resolution your #content element seemed to have a width of approx 650px with a 10px padding.

I would create a div for example div.sliecontainer, place it in the #content div, then place the slideshow in another div inside that div.slidecontainer and give its css a margin:0 auto; so that it would always be centered whenever the window is resized or the user resolution is larger than 1024x768.

Also the fixed width of 640px would make it not cause a horizontal scroll for users with this resolution since a horizontal scroll can be very annoying

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

Question has a verified solution.

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

The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
Over time, the online landscape has altered considerably, but that’s nothing compared to the up-and-coming trends that will shape the web design industry in the coming year. Keep reading to find out which trends will shape B2B web design in 2018.
The viewer will learn how to count occurrences of each item in an array.
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…
Suggested Courses
Course of the Month4 days, 11 hours left to enroll

601 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