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

Creating a Marquee in WordPress with jQuery

Course Summary

 Create a promotional, animated marquee for the homepage of your WordPress website. The exercise files and code snippets for this course are free to all members.       

  • +

    Course Syllabus

       Preview the final project
       About the exercise files
       A few assumptions (on my part)
    1. Setting Up the Theme and Media Library
       Adding photos to the WordPress Media Library
       Add files to your active WordPress theme
       Creating a custom post type
       Adding content to marquee panels
       Registering custom JavaScript files in your theme
       Adding custom CSS files to your theme
    2. Retrieving Data from the Custom Post Type
       Getting data from custom post type entries
       Adding the full HTML markup for a panel
       Storing panel entry data in a JavaScript array
       Creating a custom debugger area
       Adding a setInterval for the timer
    3. Manipulating, Styling, and Activating the Marquee Data
       Injecting HTML for the large multipanel marquee
       Injecting navigation based on published panels
       Adding CSS rules for the large marquee
       Assigning click events to the navigation
       Adding CSS rules for the small marquee
       Taking care of the final details
       Options for reordering the marquee panels


Course Fee:
USD 19.99

Course Type:


Course Status:



2 - 3 hours / week

This course is listed under Open Source and Development & Implementations 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