knockoff Posted June 17, 2022 Share Posted June 17, 2022 (edited) After inspecting the page, I have zero idea how NYT create these scrolling images/visuals. Although I'll be honest that I'm very new to this, and I don't know what to inspect beyond the HTML. Can you even inspect Java, assuming this is Java? Does anyone know what the function is called, and whether it can be found on the W3 pages, please? Or at least a basic version I can use to start learning? Scrolling images: https://www.nytimes.com/interactive/2022/05/13/us/covid-deaths-us-one-million.html Edit: I think it has something to do Parallax but I don't know what to search for. Edited June 17, 2022 by knockoff Link to comment Share on other sites More sharing options...
Ingolme Posted June 17, 2022 Share Posted June 17, 2022 That's right, it's called parallax. For advanced parallax you need Javascript. The code for parallax can be pretty difficult to build, but this is so commonly used that many people have already written the code and made it open for public use. You can download and use parallax libraries on your website: https://www.google.com/search?client=firefox-b-d&q=js+parallax+library 1 Link to comment Share on other sites More sharing options...
dsonesuk Posted June 17, 2022 Share Posted June 17, 2022 Depending on the parallax complexity you need, you can also do a simple parallax effect in CSS alone. 1 Link to comment Share on other sites More sharing options...
knockoff Posted June 17, 2022 Author Share Posted June 17, 2022 3 hours ago, Ingolme said: That's right, it's called parallax. For advanced parallax you need Javascript. The code for parallax can be pretty difficult to build, but this is so commonly used that many people have already written the code and made it open for public use. You can download and use parallax libraries on your website: https://www.google.com/search?client=firefox-b-d&q=js+parallax+library @Ingolme - Thanks. Given my rudimentary skills, I was thinking about making this my goal for 2022. Do you know how I can tell which of the parallaxes that NYT article used? I want to learn how to make things like that or this. 42 minutes ago, dsonesuk said: Depending on the parallax complexity you need, you can also do a simple parallax effect in CSS alone. @dsonesuk - thanks. I found the W3 How To below (which is only CSS) however I want to do the more complicated fancy things like in the NYT article! https://www.w3schools.com/howto/howto_css_parallax.asp Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now