how to set image width in image slider

C# Corner

mohammad qasim

6y849SharePoint

I am using image slider , want to show images on slider with same width and height .

Problem:

How can I fix image width and height so all images looks same not big and small ( below image for reference )

My Code:

Dejavu Slider

--%>

<%--

--%>

Previous

Next

Image coming like this ( see width and height )

2 Replies
Know the answer? Post it — somebody with the same question will find it here.

Jignesh Kumar6y ago
Accepted answer
Hello,

You need to change in your css,
class="carousel-inner">
class="item active">
"./../SiteAssets/ImageSlider/slide3.jpg" width="500px" height="300px" alt="Los Angeles">
class="item">
"./../SiteAssets/ImageSlider/slide1.jpg" width="500px" height="300px" alt="Los Angeles">

<%-- class="item">
"./../SiteAssets/ImageSlider/slide1.jpg" width="500px" height="300px" alt="Los Angeles">

class="item">
"./../Style Library/Dejavu/images/LHR I.jpg" width="500px" height="300px" alt="Lhr" />


class="item">
"./../Style Library/Dejavu/images/LHR II.jpg" width="500px" height="300px" alt="Lhr 2" />
--%>

OR
change this place in your css file, Remove height and width from above code, Saerch with class name .carousel-inner, if find change as below if not then add this class.
.carousel-inner > .item > img {
width:640px;
height:360px;
}
https://stackoverflow.com/questions/17357306/bootstrap-carousel-resizing-image

mohammad qasim6y ago
Thanks worked