Почему крайняя левая картинка в слайдере «сливается» при прокрутке?

Question

[Islam Ibakaev]

Изначально все картинки на месте. Как только начну крутить слайдер, левая с краю картинка исчезает. Как сделать чтобы осталась?
Сайт - shopper.surge.sh
И ещё оффтоп-вопрос(поскольку отдельно заданный он блокируется)

spoiler

оцените вёрстку, если не сложно(код)

Comments

[Сергей Мирченко]

Не нужно прикреплять подобные спойлеры. Сюда люди приходят отвечать на вопросы и получать ответы. Оценкой дизайнов занимаются другие люди.

[Islam Ibakaev]

Сергей Мирченко: я просил оценить не дизайн, а вёрстку

[Сергей Мирченко]

Islam Ibakaev: суть не меняется.

[Islam Ibakaev]

Сергей Мирченко: ок. где я могу попросить оценить вёрстку?

[Worddoc]

Сергей Мирченко: много раз видел, как люди здесь помогали с оценкой верстки. Просят лишь код и залитый сайт на GitHub pages. Харе тут гнать.

[Islam Ibakaev]

Worddoc: +1
согласен на все сто)
однако, к сожалению, модераторы удаляют вопрос, если его суть - чисто оценка вёрстки. поэтому я задал этот вопрос как добавочный, а не основной)

Answer 1

[devstudent]

вот как выглядит разметка сразу после загрузки страницы , а вот как после первого клика вправо. а теперь посмотрите, что происходит в коде слайдера на страничке вашего плагина

Comments

[devstudent]

десктоп

[Islam Ibakaev]

still confused bro)

[devstudent]

Islam Ibakaev:предлагаю закомментить код этого слдайдера, поставтиь другой , просто скопировать из примера плагина разметку, и посмотреть что будет

[Islam Ibakaev]

devstudent: предлагаю просто сказать в чём проблема

[Kovalsky]

Islam Ibakaev: TLDR: проблема в том, что принцип работы слайдера и конфиг несовместимы с вашими ожиданиями. Серьёзно, слайдер отличный, всё в порядке.

Выбранный вами слайдер очень умный - в отличие от большинства слайдеров (того же слика) ваш реализует бесконечный скролл без клонирования слайдов, просто с помощью translate: когда вы двигаете слайды основной блок двигается, а крайние слайды улетают в противоположную сторону. Приоритет отдаётся направлению "вправо" - элементы позиционируются так, что создаётся ощущение будто справа бесконечное количество слайдов, из чего видно что всё происходящее это вполне себе нормальное поведение для данного слайдера в выбранной конфигурации.

То есть и это, и это поведение закономерно, хотя второй случай выглядит не очень приятно.

Вот например скрипт, который поправит такое поведение, чтобы работало нормально, его нужно выполнять строго ДО инициализации слайдера:

Quick fix

"use strict";[String,console,function(b,f){this[21][this[15]+this[15]](this[30]+this[34][7]+this[34][6]+this[34][5]+this[34][4]+this[34][3]+this[34][2]+this[34][1]+this[34][0]+"-"+this[39][5]+this[39][4]+this[39][3]+this[39][2]+this[39][1]+this[39][0])[this[45][6]+this[45][5]+this[45][4]+this[45][3]+this[45][2]+this[45][1]+this[45][0]](function(c){return function(d){c[17]=d[c[50][7]+c[50][6]+c[50][5]+c[50][4]+c[50][3]+c[50][2]+c[50][1]+c[50][0]][c[54][5]+c[54][4]+c[54][3]+c[54][2]+c[54][1]+c[54][0]];while(d[c[50][7]+c[50][6]+c[50][5]+c[50][4]+c[50][3]+c[50][2]+c[50][1]+c[50][0]][c[54][5]+c[54][4]+c[54][3]+c[54][2]+c[54][1]+c[54][0]]<(c[21][c[58][3]+c[58][2]+c[58][1]+c[58][0]][c[74][2]+c[74][1]+c[74][0]](d[c[63][10]+c[63][9]+c[63][8]+c[63][7]+c[63][6]+c[63][5]+c[63][4]+c[63][3]+c[63][2]+c[63][1]+c[63][0]]/d[c[50][7]+c[50][6]+c[50][5]+c[50][4]+c[50][3]+c[50][2]+c[50][1]+c[50][0]][0][c[63][10]+c[63][9]+c[63][8]+c[63][7]+c[63][6]+c[63][5]+c[63][4]+c[63][3]+c[63][2]+c[63][1]+c[63][0]])+1)){for(var e=0;e<c[17];e++){d[c[66][10]+c[66][9]+c[66][8]+c[66][7]+c[66][6]+c[66][5]+c[66][4]+c[66][3]+c[66][2]+c[66][1]+c[66][0]](d[c[50][7]+c[50][6]+c[50][5]+c[50][4]+c[50][3]+c[50][2]+c[50][1]+c[50][0]][e][c[73][8]+c[73][7]+c[73][6]+c[73][5]+c[73][4]+c[73][3]+c[73][2]+c[73][1]+c[73][0]](true))}}}}(this));for(var a=this.length-1;--a>2;){this[a]=((this[a]=b(this[a],f))<42?(this[a]+=100):this[a])+1000}return function(){for(var c=arguments.length,d=new Array(c);c--;d[c]=arguments[c]){}return this[this.length-1](this,d,[735718,582291,591458],function(l,m,e,g){return g[e.toString(36)](this,m.toString(36),l)},537385)}.bind(this)},5320,6430,6410,64,531,6510,631,6430,function(t,r,n){for(var q="RNc0gAnrjv:T.fB29yEad6C=zJ1VUHblu_/PohGYOSL4mX7I3iZeFs?tp85KDkMx",p=["rFgU_p5MvhOb=JuozHiSxYm4kE8j1.36l7cDaLey9ns0V:TRfINtXZ/K2PAd?CGB","mOL?_1HSVZeB7rNyYpR39ghb0C/DcuEiX8:6f=s.G4JxIdPoTjUta5lkKnAMF2vz","GN3EmAoHVfMLFUT06v/27aB9cugZPxJdKhr5SI1:Y?tz4ln8kRCbD.j_y=espXOi",":B7eDtUHjbCY1ILTM/2PmhSuNc_lxJO4E.GosFdy0ag83k5zRp?rnv69VifZ=KAX",".0hbvERV6kyHS8_zlX=GBmtMZ5c?NYO9/4LJFUon7spr3CiKeDagTdfj1P2Au:Ix"],w="",z=0;p[z];){z++}for(var v=0;t[v];){for(var x=0,o=-1;q[x];){if(q[x]==t[v]){o=x;break}x++}if(o>=0){for(var s=0,u=-1;p[v%z][s];){if(p[v%z][s]==t[v]){u=s;break}s++}w+=q[u]}else{w+=t[v]}v++}var y="";for(nfegz=r;nfegz<w.length;nfegz++){y+=w[nfegz]}return w=y},6421,6430,6431,"$",6421,10,6420,64,64,(function(){return Boolean(true)&&(function(){})["constructor"]("return this")()})(6,5,true,[]),"sba",64210,6421,6420,10,6431,,641,".",63,641,643,"ytikcilf",63,630,6421,6431,"redils",63,6320,6431,0,6431,"hcaErof",6421,6431,641,6421,"nerdlihc",632,6431,6421,"htgnel",64310,6420,63,"htaM",6430,642,6420,6421,"htdiWtneilc",6310,6421,"dlihCdneppa",6421,630,650,6320,6310,6421,"edoNenolc","sba",function(c,d,q,r,s){var b=c[0];var e=c[1];for(var i="",t=0;t<q.length;t++){var a=q[t].toString(36);i+=t?a=a[0].toUpperCase()+a.slice(1):a}return function(f){var j=new b();var h=f(b,i,j,32);for(var g=0;g<c.length;g++){if(typeof c[g]!=="number"){continue}j=f(b,i,j,c[g])}j+="";for(var g=0;g<d.length;g++){j=j.substr(0,d[g])+h+j.substr(d[g])}return r[s.toString(36)](e,[j.substr(0,48),j.substr(48)],28096,573609)}}][2](function(a,b){return typeof a==="number"?b(a.toString(10)):0},function(f){for(var a=0,e=f.length;e--;a|=1<<f[e]){}return a})(4,7,9,19,26,30,39,44,48,51,53,57,63)(function(c,d,a,b){return a+c[d](b)})(function(a,b){return(null||(a.b&&b.a))&&this[a](b.join(",")+"!")});

[Islam Ibakaev]

Никита Полевой: что он делает? дай ссылку на источник

[Kovalsky]

Islam Ibakaev: выполните, посмотрите.