-1

In my website, people will upload images with different sizes. These images will be displayed in Bootstrap 4' carousel. I need my carousel to always maintain a certain dimension throughout different screen sizes (responsive), and I don't want the images to change it's width nor it's height. I came across different questions regarding the same topic, but none seem to work for me.

codepen.io/paulamourad/pen/dByGwj?editors=1100

This is what is happening

This is what I need

Paula
  • 389
  • 1
  • 6
  • 23

1 Answers1

0

Your problem has two solutions either you can set static hight and the full width of the image or you can implement the image cropper of fixed dimensions on upload image.

Alok Mali
  • 2,821
  • 2
  • 16
  • 32
  • Could you comment a bit more on the image cropper / fixed dimensions please? I don't know what you're referring to. – Paula Jun 11 '19 at 23:38
  • You can use these types of plugins Croppie - https://foliotek.github.io/Croppie/ jqueryCropper - https://fengyuanchen.github.io/jquery-cropper/ jqueryCropper options - https://github.com/fengyuanchen/cropperjs#options – Alok Mali Jun 12 '19 at 05:37