MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

Create an Interactive Homepage Marquee with jQuery and Dreamweaver

Course Summary

Shows how to build a visually rich, interactive marquee in order to aggregate and display content on a web site homepage.       

  • +

    Course Syllabus

            Previewing the project across browsers and devices
            Using the exercise files
        1. Creating Project Folders
            Creating and linking HTML and CSS files
        2. Preparing Web Graphics
            Using the Slice tool in Photoshop
            Adding appearances and slices in Illustrator
            Using Smart Objects in Photoshop
            Creating navigation states with Photoshop clipping groups
        3. Creating a Layout in HTML and CSS
            Creating the HTML for the container
            Adding in sample content for layout previewing
            Adding CSS rules for the container
            Adding CSS rules for captions
            Adding CSS rules for navigation
        4. Dynamically Generating Marquee Elements
            Separating data from the container
            Adding jQuery, the preload plug-in, and the custom JavaScript file
            Searching all the photos in the data region
            Generating the photo lineup
            Creating the navigation links based on the HTML
            Setting the click events for the navigation
        5. Creating Animations Between Marquee Panels
            Calculating and animating between photos
            Animating the caption based on the amount of content
        6. Initializing the Marquee on Page Load
            Setting the marquee state based on first panel data in the HTML
        7. Where to Go From Here
            Initializing the gallery on page load


Course Fee:
USD 19.99

Course Type:


Course Status:



2 - 3 hours / week

This course is listed under Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top