Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Now that we have our graphics created and a copy of jquery and the Roundabout plug-in, let's move over to Dreamweaver. Now, if you prefer to take this course in a more code-only environment, we are offering the same course in the lynda.com library using Aptana Studio instead of Dreamweaver. So, inside of Dreamweaver, let's come up and choose File > New. On the left-hand side here, let's choose Blank. Under Page Type, let's choose HTML. Under DocType, let's choose XHTML 1.0 Transitional. This will make sure that our file will work all the way back in IE 7 and 8 as well. Then click Create.
Let's save this right away, carousel.js, and we'll save this in the includes directory as well. Now, we'll switch over to carousel.html. Inside of carousel.html, let's get our cursor after the title tag in the head area, hit Return, and we want to import the CSS file we just created first. Let's come under Format > CSS Styles, choose Attach Style Sheet. Under File/URL hit Browse, choose the mycarousel folder on the desktop, includes directory, carousel.css, click Choose. Then say OK.
Lastly, let's come down and choose Insert > HTML > Script Objects > Script. Click the folder next to source and let's bring in the carousel.js file that we just created. Then say OK. Now, let's switch over to Design view in the carousel.html file. Let's choose File > Save to make sure all our files have been saved, and if you're using a more recent version of Dreamweaver, you'll see the related file showing up here. So, we can see the css file, jquery, roundabout, and carousel.js files all in the order we imported them and then showing at the top of the HTML file.
So, now that all of these files are in place, in the next movie we'll start by creating some CSS rules based on our sketch to begin to construct our project.
There are currently no FAQs about Create a Rotating Carousel with jQuery and Dreamweaver.
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.