Question

0

70

Views

Display series of images horizontally with overflow

I want to make my own image viewer, something that's better than what windows can provide.

I want to create an HTML page containing all my images but laid out horizontally as far as the monitor can go. And when I zoom in zoom out, the images also adjust sized and alignment.

I looked into IMGUR but I can't make sense of how they're achieving it. I'm guessing normal HTML can't do it, but some JS is involved as well? But I'm completely not sure.

I last did HTML 10 years ago. No spoonfeed needed, just a general direction.

my current code:

<html>
<body>
<video controls="" loop="" autoplay="" class="" src="somevideo"></video>
</body>
</html>

about 4 years ago · Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Answer 1 · 2022-07-10T15:09:04.179Z

You could try using flexbox. Something like:

<div style="display:flex; flex-wrap: wrap; width: 100vw; height: 100vh;">
  // your image elements
  <img style="flex: 1;" src="myImage.png">
</div>

Should give you what you're looking for (at least as far as I can tell).

0

70

Display series of images horizontally with overflow

1 answers

0

Find remote jobs

Andres GPT