How to add Javascript events to the Carousel view

Add this to your site’s js to enable events such as adding Google Analytics tracking code to individual Carousel slides:

jQuery(document).on( 'jp_carousel.selectSlide', '.jp-carousel-wrap', function( event, slides ) {
	// This is just to show you what values get passed in.  Delete it before going to production.
	if ( window.console ) {
		console.log( this );
		console.log( event );
		console.log( slides );
		console.log( slides[0] );
	}
	// Do whatever extra stuff you want here.
} );

You can read more about it here.

This entry was posted in Code snippets, Tips & Tricks and tagged , , . Bookmark the permalink.
  • Recent Comments

    Jen H. on Building a Beautiful Photoblog…
    Leo on Building a Beautiful Photoblog…
    David Bennett on Building a Beautiful Photoblog…
    Jen H. on Building a Beautiful Photoblog…
    Soni on Building a Beautiful Photoblog…
  • Archives

  • Install Jetpack to see our line-up of features.

    Install Jetpack Now

    Don’t need all Jetpack’s features? No problem. Only activate what you need!

    Follow

    Get every new post delivered to your Inbox.

    Join 56,442 other followers

    %d bloggers like this: