Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now that all of our thumbnails are in place, I want to make one quick change. I want to go into Code view and I actually want the refraction photo to be the first one to show up. So as I had mentioned earlier, you can change the order of the gallery items by simply changing the order of the links. So I'm going to cut and paste the refraction link and the refraction thumbnail to be before the acrobats picture. So now when I come back out to Design view, that's the first one that they'll see. And at this point, we're ready to add some jQuery into our project. So let's open up a web browser.
Let's go to jquery.com. Over here on the far right side is a big button that says Download jQuery. I'm going to click on this. Some browsers will actually start a download right away; some, like Safari, will actually show you this code. But again, we can see up in URL here that this points to the .js file. So I can simply come down and say File > Save As, pick our includes directory inside of our myGallery folder, keep the file name that they write by default, and let's close our browser.
Let's come back to Index. Let's switch to Code view. We'll scroll up to the top. Let's get the cursor after the CSS reference. Hit Return. I'm going to come up to the Common insert panel. On the far right, I'm going to come over here and click insert a script. Click Browse, pick the source. First, we need to bring in our jQuery file. Click OK. Hit Return.
Get unlimited access to all courses for just $25/month.Become a member
82 Video lessons · 101348 Viewers
61 Video lessons · 88108 Viewers
71 Video lessons · 71952 Viewers
56 Video lessons · 103776 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.
Your file was successfully uploaded.