You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.8 KiB
63 lines
1.8 KiB
6 years ago
|
(function ($, Drupal, drupalSettings) {
|
||
|
|
Drupal.behaviors.mtflexsliderInPage = {
|
||
|
|
attach: function (context, settings) {
|
||
|
|
|
||
|
|
// store the slider in a local variable
|
||
|
|
var $window = $(window),
|
||
|
|
flexslider;
|
||
|
|
|
||
|
|
$(context).find('.in-page-images-slider').once('mtflexsliderInPageSliderInit').each(function() {
|
||
|
|
$(this).flexslider({
|
||
|
|
useCSS: false,
|
||
|
|
animation: drupalSettings.magazineplus.flexsliderInPageInit.inPageSliderEffect,
|
||
|
|
controlNav: false,
|
||
|
|
directionNav: false,
|
||
|
|
animationLoop: false,
|
||
|
|
slideshow: false,
|
||
|
|
sync: ".in-page-images-carousel"
|
||
|
|
});
|
||
|
|
|
||
|
|
$(this).fadeIn("slow");
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
$(context).find('.in-page-images-carousel').once('mtflexsliderInPageCarouselInit').each(function() {
|
||
|
|
|
||
|
|
// tiny helper function to add breakpoints
|
||
|
|
function getGridSize() {
|
||
|
|
return (window.innerWidth < 768) ? 2 : 4;
|
||
|
|
}
|
||
|
|
|
||
|
|
// The slider being synced must be initialized first
|
||
|
|
$(this).flexslider({
|
||
|
|
animation: "slide",
|
||
|
|
controlNav: false,
|
||
|
|
animationLoop: false,
|
||
|
|
slideshow: false,
|
||
|
|
itemWidth: 172.5,
|
||
|
|
itemMargin: 20,
|
||
|
|
prevText: "",
|
||
|
|
nextText: "",
|
||
|
|
asNavFor: ".in-page-images-slider",
|
||
|
|
minItems: getGridSize(), // use function to pull in initial value
|
||
|
|
maxItems: getGridSize(), // use function to pull in initial value
|
||
|
|
start: function(slider){
|
||
|
|
flexslider = slider;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// check grid size on resize event
|
||
|
|
$window.resize(function() {
|
||
|
|
var gridSize = getGridSize();
|
||
|
|
flexslider.vars.minItems = gridSize;
|
||
|
|
flexslider.vars.maxItems = gridSize;
|
||
|
|
});
|
||
|
|
|
||
|
|
$(this).fadeIn("slow");
|
||
|
|
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
};
|
||
|
|
})(jQuery, Drupal, drupalSettings);
|