/tech/ - Technology★

https://www.w3schools.com/howto/howto_css_three_columns.asp

fpbp

OP stop sucking dick and RTFM. w3schools.com is a great start, you can test almost everything - just hit Try it yourself and play with the code.

>>1065086

I just realized it scales to the size of the first image on the row, but then when there's a smaller image, there's huge empty spage next to it all

how can I fix this?

Put your question in the sticked tech questions thread next time you faggot. Why not just make a libreoffice/word presentation? Unless you have hundreds of thousands of images you need to go through....

<So I am asking if someone could help me do a simple personal HTML where I put images and gifs and they'd be scattered around like so in the page, where I could see everything

https://github.com/drduh/python-html-gallery works but the single page has thumbnails and clicking on the thumbnails leads to the larger picture. This is for lower powered computers to be able to load a directory of millions of images. You can modify this script to work with gif and png too, but out of the box it only works with jpg. You have to modify it or convert everything to a jpeg if lazy. CTRL+ + and CTRL+ - are your friends for scroll zooming in and out along with F11 for full screen

<And I'd want the page to scroll down automatically, as to showcase all the images I've put on display and if there's a possibility for the cycle to start from beginning in a loop

Just fucking make a macro for your favorite GUI browser and scroll you fucker. Here's for xorg/linux/unix https://superuser.com/questions/787026/linux-keyboard-macro-x11 and for windows https://www.trishtech.com/2016/06/winparrot-record-and-repeat-actions-in-windows-pc/ if you use neither of those then fucking do the research yourself you faggot

hundreds of thousands

hu1dre3ds of thousands

If these aren't the same theres a word filter in place for such.

For scrolling you can use jQuerys scroll https://api.jquery.com/scroll/ or window.scrollTo() https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollTo

>>1065075 (OP)

This is 8chan tech support, faggot, not /helpmewithmyhomework/. Fuck right off.

>>1065089

Display thumbnails for your images that are all the same exact size. Like the image could be 4k or 1080p but the thumbnail is always 640x320 or something like that.

>>1065075 (OP)

https://jsfiddle.net/njc37pd5/

>>1065127

Simplified autoscroll https://jsfiddle.net/rygjqd4v/

Use flexbox and it will be easy to do.

>>1065075 (OP)

It's another one of these problems where you don't even know what you want.

Reconsider having the autoscroll shit. What is the point? Let people scroll at their own pace.

>I got recruited to do work

>Was asked to do work

>Wat do?

<I'll ask 8chin's /tech/

>>1065078

>>1065128

/thread

OP get ready to put in some time, because although it's simple and straightforward, it can be tedious.

>IT freshman being lazy about doing his homework

Heh.

>only know how to solve this by making an sdl program & using imagemagick then converting it with webassembly

actually thinking in the whole html,js,css shit is actually retarded

HTML? The only issue would be the scrolling from top to bottom, HTML can only handle left to right. As for the other stuff, I would make a table and use relative positions so it scales well. As for the scrolling, you could use GIF/apng but it gets heavy the more you want to achieve. Really without using CSS or javashit you are limited, interesting exercise though.

>>1065075 (OP)

Have you installed Gentoo yet?

no need to use javashit for this at all, you can use css animations to make the images scroll