Галерея 3DWave. Перевел HTML в JS. Не работает.?

Question

[serega danet]

Есть красивая галерея 3DWave. Работает :)
Но мне надо HTML загнать в JS.
Это способ рабочий, по сути ничего сложного. Но не для всех :).
к видно, частично, операция обрезки прошла успешно.
Хотя бы HTML выводится, картинки на месте.
По во время операции что-то сломалось, и CSS не доходит до свои картинок.
Сейчас все картинки в виде одной текстовой строки. И выводятся правильно .
Значит CSS частично доходит до картинок, но анимация обрезается.
Я CSS практически не трогал, только время, расстояния.
CODEPEN: Оригинал .
CODEPEN: Сбор HTML в строку.
Чистый результат на хостинге: результат

Почему все застряло ?

Comments

[IvanU7n]

Почему все застряло ?

потому что криво "загнано в JS" — вёрстка имеет очень мало общего с оригиналом
айтем в оригинале:

<div class="item" tabindex="0" style="background-image: url(https://e22u.short.gy/KTU286)"></div>

айтем в результате:

<a href="" target="_blank">
  <div class="item" tabindex="0" style="background-image: url(https://e22u.short.gy/KTU286)"></div>
</a>
<div class="sb-description"><h1></h1></div>

отличия видны невооруженным взглядом

Я CSS практически не трогал, только время, расстояния

а если ковырялись в CSS, то сложно не заметить, что в оригинале все .item должны иметь одного родителя и не иметь между собой никакого мусора

[serega danet]

IvanU7n, подождите , Иван, не ругайтесь. Дайте разобраться.
Я уже собирал так чужие изобретения, тогда прокатывало :)

[serega danet]

IvanU7n, тут видно, что я хотел ссылки вставить, и текст, которого нет в оригинале. Это на будущее, Видать, поторопился . Можно ссылки и текст удалить для простоты. Но не в них же дело ?

[serega danet]

IvanU7n, почти понял, У меня ссылки a>/a> сделаны мной. Они снаружи .item . Это надо убрать.

[IvanU7n]

serega danet,

Можно ссылки и текст удалить для простоты. Но не в них же дело ?

именно в них — т.к. оригинал не использует JS, а исключительно CSS, то структура имеет значение
удаление всего лишнего чинит эффект
а всё добавляемое нужно вкладывать внутрь .item

[serega danet]

IvanU7n, Иван ,СПАСИБО, зашевелилось. !

[serega danet]

Дальше у меня желание просто вставить текст. Не знаю получится ли. Но ответ ВАМИ найден.
Надо CSS вернуть взад , а то кошмар какой-то . А с текстом надеюсь все получится.
Грамотно расскажите, почему не работало в ОТВЕТЕ.

[serega danet]

я думал CSS не может разобраться в текстовой строке. Кому чего :)

[serega danet]

что за tabindex="0" ? удалить ?