Если вопрос не нужен, то можно удалить, чтобы я не следил за ним.У меня нет полномочий удалять вопросы. Это в ведении модераторов.
а вам не кажется здесь какая-то подозрительная рекурсия
function show() {
var count = 16;
var block = [];
var dots = [];
for (let i = 0; i < count; i++) {
block.push('<li>' + li_str[i] + '</li>');
dots.push('<span>' + '</span>'); }
document.getElementById('sb-slider').innerHTML = block.join('');
document.getElementById('nav-dots').innerHTML = dots.join('');
$(function() {
var Page = (function() {
var $navArrows = $( '#nav-arrows' ).hide(),
$navDots = $( '#nav-dots' ).hide(),
$nav = $navDots.children( 'span' ),
$shadow = $( '#shadow' ).hide(),
slicebox = $( '#sb-slider' ).slicebox( {
onReady: function() {
$navArrows.show();
$navDots.show();
$shadow.show(); },
orientation: 'r',
cuboidsRandom: true,
disperseFactor: 30,
perspective: 1200,
cuboidsCount: 5,
maxCuboidsCount: 15,
colorHiddenSides: '#222',
sequentialFactor: 150,
speed: 600,
easing: 'ease',
autoplay: true,
interval: 3000,
fallbackFadeSpeed: 300,
onBeforeChange : function( pos ) {
$nav.removeClass( 'nav-dot-current' );
$nav.eq( pos ).addClass( 'nav-dot-current' ); }
} ),
init = function() {
initEvents(); },
initEvents = function() {
// add navigation events
$navArrows.children( ':first' ).on( 'click', function() {
slicebox.next();
return false; } );
$navArrows.children( ':last' ).on( 'click', function() {
slicebox.previous();
return false; } );
$nav.each( function( i ) {
$( this ).on( 'click', function( event ) {
var $dot = $( this );
if( !slicebox.isActive() ) {
$nav.removeClass( 'nav-dot-current' );
$dot.addClass( 'nav-dot-current' );
}
slicebox.jump( i + 1 );
return false; }
);
}
);
};
return { init : init };
})();
Page.init();
});
}
window.addEventListener("load", (event) => { show() });я могу вынести в отдельные файлы... Это поможет?
нy мне надо так. Это более круто.
Тем более, только JS позволяет делать динамический сайты.
- рассмотреть уменьшение зоны галереи на мобилках за счет доп отступов сбоку, тогда слайс не будет выходить за экран и не будет создавать горизонтальную прокрутку.
- Уменьшить количество слайсов на мобилках
- Навесить overflow:hidden на sb-slider со значением important чтобы инлайн стили во время смены слайдов не перебивали это значение. Тогда будет обрезаться по списку (наверное выбрал бы это решение как лучшее для мобилок)
- Отказаться в целом от такой анимации смены слайдов в пользу чего-то по проще для мобилок