Join Chris Converse for an in-depth discussion in this video Injecting HTML for the large multipanel marquee, part of Creating a Marquee in WordPress with jQuery.
- View Offline
…At this point we need to start generating our custom…markup, that we're going to use to create our interactive marquee.…So let's switch back to our text editor, let's go…inside of the b_snippets.html file, and let's find snippet 18.…So in here we have a function called marqueeMultiPanel.…This is going to be the function we run, if…the marquee,or the browser is in a large state.…So inside of here, we set time to pass variable to zero.…We set the autoplay to true.…And what we do down here, is we go into…the marquee, we clear out the HTML, so we take everything…inside the marquis container, and delete it, which includes all…of the mark up that we're currently seeing on the homepage.…
And we're going to append, or inject,…another div, for the class of marquee_stage_large.…Then we are going to find the marquee_stage_large that we…just placed in, and we are going to add an additional…two divs, we are going to add one with a…marquee container, one class, and another one with the marquee navigation.…So let's copy all of this code, let's switch over to our marquee.js and start up…
This course was created by Chris Converse. We're honored to host this training in our library.
- Adding photos to the Media Library
- Creating a custom post type
- Adding custom CSS to your theme
- Retrieving data from the custom post type
- Injecting HTML and navigation
- Styling the large and small marquees
- Reordering the marquee panels