Overlong JPG displayed correctly by itself, in new tab: How? Options

[codecruncher]

Through observing and experimenting, I made the surprising (for me at least) discovery that an overlong JPG file on my website will (upon clicking) be shown in a new tab, and in a useful size - apparently if coded with its web address, rather than its internal address.

After the click/tab opening sequence completed, you will see the entire document from top to bottom filling the page, although much too small to read it (due to its size). Once you hover the pointer over it, a tooltip opens indicating that it will be magnified once you click. And it actually does, on top in a useful size. The only 'drawback' is that you now need to vertically scroll the file, to read all of it. A tiny inconvenience, given the reward, that I will gladly put up with.

I would have expected such a function under JavaScript or something (have no knowledge of these things), but no - it seems to be pure HTML. I can't find anything on the web with the search terms used by me.

Could anyone tell me what this function is called? I would like to read a bit more about it.

[Christian J]

After the click/tab opening sequence completed, you will see the entire document from top to bottom filling the page, although much too small to read it (due to its size). Once you hover the pointer over it, a tooltip opens indicating that it will be magnified once you click. And it actually does, on top in a useful size.

A document, not an image? Then I'm not sure what you mean. A sample page might be helpful...

I would have expected such a function under JavaScript or something (have no knowledge of these things), but no - it seems to be pure HTML. I can't find anything on the web with the search terms used by me.

With IMG elements you might use CSS viewport-relative length units like "vw" and "vh" for width and height: https://www.w3.org/TR/css-values-3/#viewpor...elative-lengths

With CSS background-images you might use values like "contain" or "cover": https://developer.mozilla.org/en-US/docs/We...background-size

Could anyone tell me what this function is called? I would like to read a bit more about it.

I don't know what it's called, but newer browsers will indeed resize images to fit the size of the viewport when viewed directly (i.e., outside an HTML document); then you can click the image to make it appear in its normal size. It has nothing to do with HTML though, it seems to be a pure browser functionality.

[codecruncher]

Thanks! I will try to produce a screengrab and upload it, to demonstrate the effect. This may take a little while

[codecruncher]

I'm back, it was easier than I thought (I am far from being an expert in this field).


So here's the screengrab

https://www.youtube.com/watch?v=dEmY1UwSBl4


And the source text causing this behaviour is

Und
<a href="http://j-cabal.net/bst.jpg" target="_blank">hier</a> ist ein lustiger tweet-austausch mit ihr .)


Just as a reminder: I would only need the correct term for the effect seen there (which I still wouldn't consider 'normal'), such that I can find more to read on it?

[pandy]

The video is so fuzzy and fast I cannot see what's going on. To begin with, what browser are you using?

[codecruncher]

Well - it's a screengrab, as I announced. What else did you expect?

If you go back to the TO where I described the effect in detail, then just add the clip as an illustrating confirmation - wouldn't that do the trick? Of course, I would assume a basically constructive attitude

[codecruncher]

To Christian J

I read again what you said, and more in-depth than before. I agree, this sounds likely, I think I will try to keep going from here, while keeping an open mind .)

[pandy]

What else did you expect?

Something useful. For example you could answer my question and tell us what browser you use in the clip.