Images are showing sideways in the image element

The images are showing sideways in the image element, but when you click on them to load them from the server, they are showing correctly.

https://form.jotform.us/71334916084154

I tested in Safari and Chrome on OS X and both show the sideways images.

Please help.

Thanks!!

I checked your form (https://form.jotform.us/71334916084154 ) and I was able to see what you are referring to. The images are showing sideways on your form. To fix this, you need to add a custom CSS on your form to align those images.

Please add this custom CSS on your form:

#cid_24, #cid_25, #cid_27, #cid_29, #cid_30{

position: relative;

}

#cid_24 {

    right: 10px;

}

#cid_25 {

    left: 20px;

}

#cid_27 {

    right: 10px;

}

#cid_29 {

    left: 40px;

}

#cid_30 {

    left: 50px;

}

#cid_30 {

    left: 50px;

}

Here's a guide on How to Inject Custom CSS Codes.

Result:

That aligns the images nicely in a column, but it does not fix the fact that the images are sideways.  The glasses should be shown upright.  The images are correct on the server.

It looks like that there is an issue with the image itself. I have tried adding a different source and they seem to be displaying correctly. I have also downloaded the image and hosted in our file server to test. As I check the same image on a new form, the image is still displaying rotated.

As I further check the image properties, they seem to be taken using an iPhone 6s. As you check the images on your form, the correctly displaying images are edited using Photoshop and the rotated images are iPhone photos. In order to display these photos correctly on the form, you may edit the images and save them as different images.

Please take a look at the following links that might help you with more information in this regard.

http://www.macworld.com/article/3065974/photography/how-to-solve-incorrect-photo-rotation-after-sync-or-upload.html

https://iphonephotographyschool.com/iphone-photos-upside-down/

Hope this information helps!