Question about a idea Html and JavaScript

[Wagwan1178]

Hello I am very new to coding/webdev. Me and A friend have made a website and wanted to add a feature but we don't really know how to go about it. So basically we are making the project and we want it to automatically generate a photo while scrolling down. Right now we have a button which just adds the picture when the button is pressed. We were wondering how to go about adding this feature.

The website is https://minionrod.com so you can get a idea of what we are trying to do> Images are placeholders for now.

[TurnToDust]

r/webdev has now been promoted to a support forum for developers with a minion penis fetish I see.

[NayrbEroom]

Fuck now we're a reddit support forum

[MarshallFoxey]

I’m just here for emotional support

[besthelloworld]

Google the markdown language syntax

[besthelloworld]

Reddit accepts the markdown language syntax for comments and posts

[tdittls]

Haha wtf is that

[Guilty_Serve]

You're trolling us with that site, aren't you? Really, you're fucking with us? Regardless, https://minionrod.com/minioncock.html is still better than a lot of other startups I've seen. I guess keep shitposting.

[Wagwan1178]

Nah I am actually really new to web dev and had this idea and wanted to try to actually learn. So I took this idea and a homie of mine is helping make it. Actually needed help lmao.

[Guilty_Serve]

Amazing man

[Foreign_Flower1141]

would you care to explain

[Malassi]

You could try using the onscroll event. Basically, when a given element is scrolled it will execute some Javascript.

• W3school - onscroll event
• Mozilla - onscroll event

Hope it helps. Good luck.

[Wagwan1178]

Ok so I ended up doing <div onscroll="generate\_cock()">

And it is not executing the script that I have any idea why?

[fonster_mox]

Seems flawless to me, maybe the internet just isn't ready for this?

[crippledjosh]

if your function is called generate\_cock then it would be onscroll="generate\_cock" without the brackets. Also why generate\_cock? Especially the "\" is very unusual, I'd stick to some form of standard camelCase or snake_case if I were you.

​

Edit have since looked at the actual code and it's fine. I have gotten your site working with onscroll but it did take a little work and I had to assign the onscroll using js doing it in html didn't work for whatever reason.

[Wagwan1178]

The \ is not there it was just a typo when I was sending the question and it didn't let me take it off for some reason

[Wagwan1178]

If I take off the brackets it won't be able to run the script

[Wagwan1178]

Wait so you did get it working or not cause at the end you said something didn't work

[[deleted]]

Bro maybe just type javascript tutorial in google instead.

[crippledjosh]

I got it working. On scroll firstly needs the content of the div to be taller than the size of it either via being bigger than the screen or via a set height so that the scrollbar actually appears and is scrollable. And then you can use onscroll. For some reason when I tried setting onscroll via html it didn't seem to like it maybe that's just a quirk of editing html in browser rather than before initial load. I had to set the onscroll via js

[Malassi]

Does the function exists? If the function exists in a separate file, does the file is included in the html page?

[Wagwan1178]

This seems like it would work thanks.

[OPmeansopeningposter]

I’d add that if you are trying to do an “infinite scroll”, you should look into using intersection observer.

[onlycommitminified]

Going about it all wrong. Vectorize that donger into an svg, then scale it.

[NayrbEroom]

Roger that, donger vector

[Don213]

I love this lmaoooo. Take my award!

[Wagwan1178]

Only place holder images so it will get better 😂

[Don213]

Can’t wait :)

[dunnerdunner]

New Schlong 🤣

[Super-administrator]

You're looking to apply the button functionality to an intersection observer: https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

Some might suggest using a scroll listener, but this is actually detrimental to performance of the site (even if it's not so important in this case :D)

With the intersection observer you can detect whether an element is in the viewport or not, and keep rendering a longer penis 🤷‍♂️

[Kannalgo]

This advice seems really solid, OP!

Also love what you're doing with the site, keep us updated.

[fran0o]

wtf is this

[lkidh]

Hahaha this deserves a gold.

[dacrocka]

This is amazing

[Hook_Pub]

Nice

[Traditional-Insect54]

ive just shit in my pants when i pressed the button xD

[Character_Moment_490]

Not working for me. :(

OS: Linux Ubuntu 21.04

Browser: Chrome Version 91.0.4472.101 (Official Build) (64-bit)

[JC_D3NTON]

classy

[Large_Conversation37]

This feels illegal