Желательно на jquery или на нативном js, без плагинов и других библиотек.
У меня без картинок, просто три слова, которые могу размножить по несколько раз.
Пробовал
вот этот пример
И этот
И этот - идеально бы подошел, потому что установлен слик-слайдер, но в какой-то момент каждый новый слайд погружается резко.
Может быть ему просто надо настроить анимацию?
Я немного изменил -замедлил его и поменял брейкпоинт
jQuery(".marquee-slider").slick({
arrows: false,
infinite: true,
autoplay: true,
centerMode: true,
dots: false,
slidesToShow: 5,
variableWidth: true,
slidesToScroll: 1,
speed: 15000,
autoplay: true,
autoplaySpeed: 0,
cssEase: "linear",
pauseOnhover: false,
responsive: [
{
breakpoint: 992,
settings: {
slidesToShow: 3
}
},
{
breakpoint: 767,
settings: {
slidesToShow: 2,
dots: false
}
}
]
});
Я пробовал и
вот этот, правда копировал стили именно от блока, без тела, и оно вообще отображалось неправильно - я не знаю, может надо копировать body, но мне по разметке не подойдет
Кому приходилось уже делать бесконечную строку?