2016-08-07 2 views
3

Я использую плагин для карусели для загрузки слайд-шоу. Проблема в том, что некоторые изображения поворачиваются на 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> 

Это фактическое фото я загрузил:

enter image description here

И это то, что я получаю на сайте:

enter image description here

Я отключил ручную высоту и ширину, но не работает.

+0

Это показывает точное изображение для меня. Нет вращения. –

+0

, и что может быть проблемой? да некоторые изображения показывают точное изображение, но некоторые шоу повернуты. – AST

+0

Тогда дайте мне онлайн-ссылку вашего вывода здесь. http://codepen.io/ –

ответ

0

детали, отвечающие этим на две ссылки: http://www.impulseadventure.com/photo/exif-orientation.html https://www.ivertech.com/Articles/Image-Rotation-Issue-With-Windows-10.aspx

короткое резюме - есть флаг ориентации в JPG, что не соблюдается всеми экранными агентами. Карусель - это тот, который этого не делает, но Windows 10 делает, поэтому изображение выглядит прямо в File Explorer, но повернуто в карусели. Два решения, приведенные в ссылках, и объяснение того, почему функция rotate в инструментах Windows не работает.

0

Добрый день. Это случилось со мной, и я сделал, чтобы сохранить изображение в виде веб-страницы с тем же файловым форматом в другой файл с помощью Photoshop. Надеюсь это поможет. Спасибо.

+0

Это не дает ответа на вопрос. Когда у вас будет достаточно [репутации] (https://stackoverflow.com/help/whats-reputation), вы сможет [прокомментировать любую запись] (https://stackoverflow.com/help/privileges/comment), вместо этого [предоставить ответы, которые не требуют разъяснений у аськи) (https: //meta.stackexchange. com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can-i-do-вместо этого) - [Из обзора] (/ review/low-quality-posts/18590723) – serakfalcon

Смежные вопросы