Sleazy Fork

flickr photostream problem

The script should not activate on flickr photostreams:
https://www.flickr.com/photos/75210159@N06/with/15139376855

Excluding https://www.flickr.com/*/with/* solves the issue.

will be excluded

It also activates on favorites link https://www.flickr.com/photos/75210159@N06/favorites/. Also, for some reason this photo is displayed sideways: https://www.flickr.com/photos/texasgoddess_2003/8059079392/, but this in a normal way https://www.flickr.com/photos/texasgoddess_2003/5926092144/

that image has an EXIF orientation flag and what's interesting this flag is processed by browser correctly if I open the direct image url: https://c1.staticflickr.com/9/8179/8059079392_c141857b13_o.jpg

excluded favorites.
about exif: not much can be done, just consider those images uploaded broken or enable opening all images directly if it's important to you.

Ok

Firefox has an experimental CSS property to use EXIF-rotation for conventional (non-directly opened) images.

Just replace

document.body.innerHTML = ""; // center image

with

document.body.innerHTML = ""; // center image

in the code of Handy Image userscript.

I tried writing image-orientation by hand in firefox and nothing was changing,
plus even if you make it work naturalWidth and naturalHeigh of the image don't change so you won't be able to resize image keeping proportions

I tried writing image-orientation by hand in firefox and nothing was changing,

I also had stumbled over this issue, however it works in <style>. Obviously the property should be present before the image is initially displayed.

plus even if you make it work naturalWidth and naturalHeigh of the image don't change so you won't be able to resize image keeping proportions

I don't see any differences from non-EXIF-rotated images at least in the scenario I use: 1. load a big image when browser window is small (the texas goddess link above for example) 2. maximize the browser 3. click the image to display it at 100% 4. click the image to downscale it to the maximized browser window.

indeed, I read about problem with naturalSize but forgot my script let browser calculate sizes + even parts which should be broken seem to work fine in latest Firefox.

*updated script to include image-orientation style which I've just tested to be working fine

poke Chrome devs to implement this if you need this fro Chrome...

+anyway, damn flickr displays everything different for different languages, browsers etc,
link https://www.flickr.com/photos/texasgoddess_2003/5926092144/?rb=1 is broken for firefox again ;p
*will look at it later