MediaWiki:PagedGallery.js: Difference between revisions
Jump to navigation
Jump to search
Want an adless experience? Log in or Create an account.
(Created page with "→Script enabling paged galleries, where one page (may be one or more images, or arbitrary content) is displayed at a time and previous/next buttons navigate the pages: $(...") |
(fix all the bugs) |
||
Line 10: | Line 10: | ||
var navType = $button.data( 'nav' ); | var navType = $button.data( 'nav' ); | ||
var | var $currentPage = $pages.filter( '.active' ); | ||
var | var $pageToActivate = | ||
navType == 'next' ? | navType == 'next' ? $currentPage.next( '.zdw-paged-gallery__page' ) : | ||
navType == 'prev' ? | navType == 'prev' ? $currentPage.prev( '.zdw-paged-gallery__page' ) : | ||
navType == 'last' ? $pages. | navType == 'last' ? $pages.last() : | ||
$pages.first(); // 'first' or any unknown type | |||
if ( | if ( $pageToActivate.length && $pageToActivate[0] != $currentPage[0] ) { | ||
$ | $currentPage.removeClass( 'active' ); | ||
$ | $pageToActivate.addClass( 'active' ); | ||
} | } | ||
} ); | } ); | ||
} ); | } ); |
Latest revision as of 18:44, March 27, 2021
/* Script enabling paged galleries, where one page (may be one or more images, or arbitrary content) is displayed at a time and previous/next buttons navigate the pages */ $( function() { $( 'body' ).on( 'click', '.zdw-button--paging', function( e ) { var $button = $( this ); var $gallery = $button.closest( '.zdw-paged-gallery' ); var $pages = $gallery.children( '.zdw-paged-gallery__page' ); var navType = $button.data( 'nav' ); var $currentPage = $pages.filter( '.active' ); var $pageToActivate = navType == 'next' ? $currentPage.next( '.zdw-paged-gallery__page' ) : navType == 'prev' ? $currentPage.prev( '.zdw-paged-gallery__page' ) : navType == 'last' ? $pages.last() : $pages.first(); // 'first' or any unknown type if ( $pageToActivate.length && $pageToActivate[0] != $currentPage[0] ) { $currentPage.removeClass( 'active' ); $pageToActivate.addClass( 'active' ); } } ); } );