Image slider that resizes only images that are bigger than a fixed size?

Question

I need an image slider which resizes the images only if its needed (the size of the image is bigger than the div containing the slider).

I've tried with AnythingSlider, but when I set the width and height to the div containing the slider, the images that are smaller than the div are stretched. I don't want them to be stretched.

Answer 1

You could just do a check in javascript/jquery to see what the size of the image is. If it's bigger than the desired dimension you can just scale it down.

Answer 2

play with this . add condition for styling

http://webdesignledger.com/tutorials/create-a-resizable-image-grid-with-jquery

http://demos.webdesignledger.com/jquery_image_grid/example2.htm