Ce nombre de slides peut être différent en fonction du breakpoint dans le cas d’un site Responsive.
1 2 3 4 5 6 |
$(window).bind('load', function() { $('.bx-pager').each(function(){ var getSlideCount = $(this).children('.bx-pager-item').length; $(this).attr('data-slide-count', getSlideCount); }); }); |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
// Smartphones only @media (max-width: $screen-xs-max) { .bx-wrapper{ .bx-pager[data-slide-count="1"]{ display: none; } } } // Tablets only @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { .bx-wrapper{ .bx-pager[data-slide-count="1"], .bx-pager[data-slide-count="2"]{ display: none; } } } // All Desktops only (Small + Large) @media (min-width: $screen-md-min) { .bx-wrapper{ .bx-pager[data-slide-count="1"], .bx-pager[data-slide-count="2"], .bx-pager[data-slide-count="3"]{ display: none; } } } |