CODEWITHSUNDEEP
javascriptcss
Justin Othername
Justin Othername

Reputation: 211

resize image to fit browser window bigger than image width

i'm looking to resize my images in my image slider automatically to fit the browser window while keeping my image size as low as possible. The images itself have a fixed width of 800px but when the browser window scales to more than that the images don't scale along. They stay a fixed 800px. Is there a way to resolve that.

You can see an example at: http://www.continuous-ltd.be/ctb-site/indextest.html

thx

Upvotes: 0

Views: 118

Answers (3)

Love Trivedi
Love Trivedi

Reputation: 4046

you can also use this css 

.slides, .slides li, .slides li img{
    max-width:100%;
}

Upvotes: 0

SaturnsEye
SaturnsEye

Reputation: 6499

You could use background-size: 100%; but keep in mind that it's not implemented on all browsers yet

Upvotes: 1

Shoaib Chikate
Shoaib Chikate

Reputation: 8975

Simply use this:

max-width:100%

Upvotes: 0

Related Questions