Having problems with my images becoming distorted

CSS-Tricks / MovingBoxes

Simple horizontal slider which grows up the current box when it's in focus (image, title & text) and back down when it's not in focus.

http://css-tricks.github.io/MovingBoxes/

GNU Lesser General Public License v3.0

280 stars 147 forks source link

Having problems with my images becoming distorted #88

Closed sido74 closed 12 years ago

sido74 commented 12 years ago

when applying my images into tho slider they become distorted, is there a certain way i should save my images? or a certain size? or will they always be distorted?

thanks

Mottie commented 12 years ago

MovingBoxes only changes the size of the slide. So if you don't do anything to your image, it will be effected by the max-width:100% css setting making the image shrink down proportionally.

So you can either set a fixed image size or only set the width/or height as a percentage, then the image will resize proportionally.

Mottie commented 12 years ago

I'm guessing that this problem has been resolved so I'm closing this issue. Please feel free to reopen it if you continue to have problems.