3600 читали · 3 года назад
Делаем простой слайдер: без библиотек и фреймворков, только чистый JavaScript
В этой статье мы разберем процесс разработки слайдера на чистом JavaScript. После, вы можете использовать слайдер в своих проектах и оформлять его как вам захочется. Ссылку на исходники я размещу в конце статьи. Слайдер будет состоять из трех слайдов (можно делать их хоть сколько). Переключаться слайды будут с помощью стрелок, а содержать он будет изображение, кнопку и заголовок с описанием, в принципе контент можно размещать любой, главное правильно все сделать. HTML разметка Пишем разметку нашего...
134 читали · 2 года назад
Проект: эффектно переключаем картинки на странице
Как в бумажном журнале На сайтах фотографов, книгоделов и дизайнеров иногда используется такой приём: можно полистать картинки, которые как будто напечатаны в журнале. Выглядит примерно так: Сегодня сделаем то же самое и заодно посмотрим, как оно устроено изнутри. Логика работы Внутри у таких проектов много невидимой глазу работы: Чтобы это сделать, нам понадобится HTML-страница; скрипт, который обработает переворачивание; и стили, где мы распишем всю внешнюю красоту. Начнём со страницы. Готовим...