I have a PHP-Sessions/Javascript-Ajax slideshow I use frequently. I can
point a URL at any arbitrary directory of server-side images to produce a
rotating slideshow,
without any hard-coded image names in the client-side Javascript. I set the
height and width of a division for showing the images. Some images may be
larger than the division size, so I set a max-width and max-height for
slideshow images.
For all browsers except IE, if an image is x% wider than than max-width, the
browser reduces both width and height by x%, which preservers the original
aspect ratio. However, IE8 will (seems to anyway) reduce a width to
max-width without also adjusting height, if the original height was not
greater than max-height. So on IE8 my slideshow show sometimes displays
skewed images, where the original aspect ratio has been annoyingly altered.
Is this fixable?
#showdiv
{
width: 333px;
height: 250px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
#showdiv img { max-width: 333px; max-height: 250px;}
--
/* Colin (Sandy) Pittendrigh >--oO0>
montana-riverboats.com */
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
