图像在幻灯片上旋转 [英] image gets rotated on slideshow

问题描述

我正在使用bootstrap旋转木马插件来幻灯片显示照片。问题是某些图像旋转了90度，
有什么方法可以解决问题？

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?

以下是html：

<div class="container">
  <div class="row">
    <div class="col-md-8 col-md-offset-2">
      <div id="firstCarousel" class="carousel" style="background-color:ghostwhite; border:solid white; box-shadow:0 0 30px">
        <ol class="carousel-indicators">
          <li data-target="#firstCarousel" data-slide-to="0" class="active"></li>
          <li data-target="#firstCarousel" data-slide-to="1"></li>
          <li data-target="#firstCarousel" data-slide-to="2"></li>
          <li data-target="#firstCarousel" data-slide-to="3"></li>
          <li data-target="#firstCarousel" data-slide-to="4"></li>
          <li data-target="#firstCarousel" data-slide-to="5"></li>
          <li data-target="#firstCarousel" data-slide-to="6"></li>
        </ol>
        <div class="carousel-inner">
          <div class="item active">
            <img src="img/1873-min.JPG" class="img-responsive" style="height: 600px; width: 500px;" />
          </div>
          <div class="item">
            <img src="img/1992.JPG" class="img-responsive" style="height: 600px; width: 500px;" />
          </div>
          <div class="item">
            <img src="img/1993.jpg" class="img-responsive" style="height: 600px; width: 500px;" />
          </div>
        </div>
        <a class="carousel-control left" href="#firstCarousel" data-slide="prev">
          <span class="icon-prev"></span>
        </a>
        <a class="carousel-control right" href="#firstCarousel" data-slide="next">
          <span class="icon-next"></span>
        </a>
      </div>
    </div>
  </div>
</div>

这是我上传的实际照片：

This is the actual photo i uploaded:

这是我在网站上得到的：

And this is what i get on the website:

我已禁用了手动设置的高度和宽度，但不起作用。

I ve disabled the manual height and width, but does not work.

推荐答案

美好的一天。这也发生在我身上，我所做的就是使用Photoshop将具有相同文件格式的图像保存为Web到另一个文件中。希望这可以帮助。谢谢。

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.

这篇关于图像在幻灯片上旋转的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！