Изображение, показываемое повернутым против часовой стрелки на сайте - PullRequest
0 голосов
/ 12 марта 2020

Сегодня я столкнулся с новой проблемой. когда я загрузил изображение, оно показывает повернутый против часовой стрелки (-90 градусов). Я думал, что у него есть проблемы с ориентацией, поэтому я попытался добавить это css image-orientation: from-image;, но это не сработало.

HTML код:

<section class=" parallax-section content-parallax-section" data-scrollax-parent="true">
<div class="bg" data-bg="includes/images/bg/2.jpg" data-scrollax="properties: { translateY: '200px' }" style="background-image: url(&quot;includes/images/bg/2.jpg&quot;);"></div>
</section>

Связанные Css Классы

.bg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    background-size: cover;
    background-attachment: scroll;
    background-position: center;
    background-repeat:repeat;
    background-origin: content-box;
}
section.parallax-section.content-parallax-section {
    padding:150px 0;
}

оригинал Ссылка на изображение: http://test.dvinsconceptzion.com/demo/includes/images/bg/2.jpg
ссылка на веб-страницу: http://test.dvinsconceptzion.com/demo/about.php#sec5

Это также может быть после загрузки Заголовок изображения, имеющий некоторые проблемы. но я не уверен, потому что это первое, что у меня возникают проблемы с ориентацией изображения.

Спасибо

Ответы [ 3 ]

2 голосов
/ 12 марта 2020

Обычно это связано с изображением EXIF. Есть несколько вещей, которые вы можете сделать:

  1. Вы можете попробовать удалить его с изображения (Windows):

    • Щелкните правой кнопкой мыши в любом месте выбранного поля и выберите «Свойства».
    • Перейдите на вкладку «Сведения».
    • В нижней части вкладки «Сведения» вы увидите ссылку под названием «Удалить свойства и личную информацию». » Перейдите по этой ссылке.
    • Windows спросит, хотите ли вы сделать копию фотографии со снятой этой информацией или вы хотите удалить информацию из оригинала. Выберите нужный вариант и нажмите «ОК».

Источник: https://us.norton.com/internetsecurity-how-to-how-to-remove-gps-and-other-metadata-locations-from-photos.html

Вы можете использовать инструмент, чтобы повернуть его и сохранить снова в той же ориентации (например, Photoshop или даже Windows просмотрщик изображений);

Или вы можете изменить свой загрузчик, чтобы добавить exif_read_data() (если вы используете PHP), чтобы проверить ориентацию и повернуть ее при необходимости. Этот ответ может помочь: { ссылка }

1 голос
/ 12 марта 2020
Make    Apple
Model   iPhone 6 Plus
Orientation Rotate 90 CW
XResolution 72
YResolution 72
ResolutionUnit  inches
Software    10.3.2
ModifyDate  2017:07:20 12:12:58
YCbCrPositioning    Centered
ExposureTime    1/33
FNumber 2.2
ExposureProgram Program AE

Вращение, записанное в данных EXIF ​​

Я прикрепляю ссылку с измененными данными

Orientation Horizontal (normal)
0 голосов
/ 12 марта 2020

U может использовать

transform: rotate(90deg);

для поворота изображения

...