Carousel Bug, problems in Chrome and Safari
Posted 11 March 2012 - 08:11 PM
Posted 11 March 2012 - 09:21 PM
Here's what happens in your site. You're using HUGE images in the posts. Here's one example from one of your posts: It's 3648px wide and 2736px high. That spans more than 2 times the size of the average monitor resolution today.
When the Carousel picks up the images in Firefox and IE, it's selecting a reduced size, but even there, it took a portrait view image and heightened the background to match that as the default to all the others in landscape view. In Chrome and Safari, the reduced size isn't used, therefore the background is stretched to the designated height, even if the image displays in reduced sizes. That's why your navigation buttons are where they are. In fact, they're in the exact place they should be - dead center vertically.
You should resize the image to something no wider than the width of your content area or, use a smaller version for the thumbnail, making sure they're all the same size. In all your images, particularly ones used in thumbnails, even if it's a customized setup for your posts, you MUST have consistent sizes or things like this Carousel issue will pop up. I'd suggest reading which provides some answers. This video might help a bit too
However, the best method, in my opinion, is to use a graphics or photo editing tool such as PhotoShop or PaintShopPro to resize the images to a manageable proper size that's standard among all your posts.
Posted 12 March 2012 - 04:01 PM
Posted 12 March 2012 - 04:12 PM
Posted 12 March 2012 - 04:35 PM
Posted 12 March 2012 - 04:38 PM
Posted 12 March 2012 - 05:08 PM
Posted 12 March 2012 - 05:14 PM
Posted 12 March 2012 - 05:25 PM
Posted 12 March 2012 - 05:34 PM
Posted 12 March 2012 - 05:36 PM