Image Gets Rotated On Slideshow

I'm using bootstrap carousel plugin to slideshow the photos. The problem is some images gets rotated by 90 degree, Is there any way to solve the problem? Here is the html:

Solution 1:

Details answering this at two links: http://www.impulseadventure.com/photo/exif-orientation.htmlhttps://www.ivertech.com/Articles/Image-Rotation-Issue-With-Windows-10.aspx

Short summary - there is an orientation flag in JPG that is not honored by all display agents. Carousel is one that does not, but Windows 10 does, so the image looks right in File Explorer, but is rotated in Carousel. Two solutions given in the links, and explanation about why the rotate function in Windows tools doesn't work.

Solution 2:

Good day. This happened to me as well and what I did was to save the image as web with the same file format into a different file using Photoshop. Hope this helps. Thank you.

Share

You may like these posts

• 
  The Navbar Dropdown Menu Does Not Beyond The Container
• 
  Bootstrap Round-circle Class Elements With Border And Padding
• 
  Css - See What Styling Bootstrap Has Applied To Element
• 
  Making All Images Appear With The Same Height In Bootstrap