Я использую плагин для карусели для загрузки слайд-шоу. Проблема в том, что некоторые изображения поворачиваются на 90 градусов, Есть ли способ решить проблему?изображение поворачивается на слайд-шоу
Вот 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>
Это фактическое фото я загрузил:
И это то, что я получаю на сайте:
Я отключил ручную высоту и ширину, но не работает.
Это показывает точное изображение для меня. Нет вращения. –
, и что может быть проблемой? да некоторые изображения показывают точное изображение, но некоторые шоу повернуты. – AST
Тогда дайте мне онлайн-ссылку вашего вывода здесь. http://codepen.io/ –