From the course: Creating a Responsive Web Experience
Join today to access over 22,600 courses taught by industry experts.
Preloading images
From the course: Creating a Responsive Web Experience
Preloading images
Now, before we can start animating the hero area, we're going to need to set up a pre-loader, which we added in in the beginning of the course. And we're also going to add a Custom function, so we can run the animation. So, first let's come back to our text editor. Let's go inside the design.js file. Let's scroll up to the top. Now, up here in the document ready, I want to remove the background graphics that are being assigned into the header. This was from the previous course. Now, you can remove these inside of the CSS if you want, but I want to do it here. In case someone doesn't have JavaScript, they'll still see the graphic showing up in the heading area. So, to do that here in JavaScript, let's start with a dollar sign, parentheses, let's target the header. Outside of the parentheses.css. Parenthesis, semi-colon, inside of here. String literal background dash image. That's out of the string literal but it's still inside of the parenthesis. Comma. The values going to be set to…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.