PDA

View Full Version : Proportionally fitting images in Slideshow 2!



nickharambee
09-18-2010, 06:00 PM
Hi

I have set an overall size for the Slideshow 2! div in the CSS file as follows:

.slideshow {
height:250px;
margin: 0 auto;
width:420px;
}

I would then like all the images I use in the slideshow to fit within this area (i.e. 420 x 250). The images will all have a height of 250px, but different widths. For widths less than 420px I would like the image to be positioned centrally in the div as follows:

http://emberapp.com/nickharambee/images/5/sizes/m.png (http://emberapp.com/users/nickharambee/images/5)

for images wider than 420px I would like them to be positioned centrally as follows:

http://emberapp.com/nickharambee/images/2/sizes/m.png (http://emberapp.com/users/nickharambee/images/2)

I wonder if it's possible to achieve this with Slideshow 2! and if not, whether another script will help me achieve this?

Thanks

Nick

vwphillips
09-19-2010, 03:46 PM
post a link to an example of your current slide show