- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Маркетинг для шоколадной фабрики. На 34% выше средний чек
Через устранение узких мест
Оксана Мамчуева
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Здравствуйте.
Помогите с кодом, нужно чтобы картинка исчезла через 5 секунд, а на ее месте сразу же появилась другая картинка, которая через 5 секунд тоже исчезнет, затем появляется третья.
Вроде решение простое, но в интернете не смог ничего толкового найти.
Помогите с кодом, нужно чтобы картинка исчезла через 5 секунд, а на ее месте сразу же появилась другая картинка, которая через 5 секунд тоже исчезнет, затем появляется третья.
Это называется "слайдер". В гуглояндексах полно рецептов.
В простейшем случае, в зависимости от задачи
setInterval
setTimeout
Это можно сделать средствами css например.
https://www.taniarascia.com/crossfade-between-two-images-with-css-animations/
Подключите Js слайдер (например bxSlider или Owl Carousel), и будет вам счастье.
Остальные методы (на чистом CSS, setInterval, и т.д.) - это просто баловство..)
это просто баловство..)
Для тех, кто в этом хоть что-то понимает. А для таких плагиновставлятелей - пустой звук.
Тот же bxslider весит всего 19 КБ. И у него, помимо автопрокрутки, куча всевозможных настроек (ручное переключение, эффекты смены изображений, поддержка touch событий, цикличность, настройки скорости прокрутки и много еще чего.) И самое главное, все это настраивается в пару строк кода.
Сами вы можете написать свой примитивный слайдер, который будет во многом проигрывать готовым скриптам, но не нужно советовать это делать человеку, который в принципе не знает что такое "слайдер". У него от таких советов возникнет еще больше вопросов...
помимо автопрокрутки, куча всевозможных настроек
Ну и нахрен бы они сдались просто для показа трёх картинок? Я и говорю: для тех, кто не может сам несколько строчек кода написать. Для вставлятелей.
не нужно советовать
Я не против других способов. Но если человек даже не знает, как называется этот элемент, то рекомендовать писать его с нуля, - это все-равно что посылать солдата с мечем в руках на танк).
Да и вообще, насколько я знаю, слайдеры редко кто пишет самостоятельно (просто не целесообразно).
Это называется "слайдер". В гуглояндексах полно рецептов.
Я знаю что такое слайдер, но мне нужно, чтобы смена картинок не была зациклена, а в случае с типичными слайдарами именно так и происходит.
нужно, чтобы смена картинок не была зациклена, а в случае с типичными слайдарами именно так и происходит.
Во многих слайдерах это делается установкой опций, что-то типа autoStart: true, loop: false.