How To Fit Full Images Perfectly Into The Slider?

Iam new to this CSS.. I have 2 images inside my 1st slider. actual aim thinking to display its full images into that slider, but unfortunately, iam unable to make the images fit in

Solution 1:

You can use this:

<imgsrc="yourimg"height="338px"width="960px">

OR implement this with css

Solution 2:

You are using images that does not have the correct ratio to begin with. If you have 2 images that has the same proportion, it would work better. Try to create new images with correct proportions, and start from there!

Solution 3:

In Actual your slider images size is 600px*148px and now its stretching according to slider width so that the quality is bad....

You are using a very small size images....

please make your images according to 1100px*400px if you will make your images according to this size than slider work perfectly....

Solution 4:

iyou need to set width and positon property, here the code

.ei-slider-large {
height: 100%;
left: -70px;
list-style: none outside none;
margin: 0;
overflow: hidden;
position: relative;
width: 1100px;
}

And image inline styling should be

height: 400px;
margin-top: 0;
width: 1100px;

Hope is helpful to you.

Solution 5:

.slider
{
   height:450px;
   width:100%;
   overflow:scroll;//if you want fully display the imgaesoverflow:hidden;//if your want omit the rest of images

}
.itemimg
{
width:100%;
height:auto;
display:block;
}

---

ps:slider refers main class, item refers sub class, img refers image tag