104 читали · 2 года назад
Пишем слайдер без библиотек. JavaScript. Часть 2. Touch Events.
Решил написать вторую часть про создание слайдера без библиотек. Для того, чтобы понимать, что здесь происходит нужно просмотреть первую часть. А еще лучше просмотреть код. Если в первая статья была для новичков, то для чтения этой части нужен более продвинутый уровень. Будет много кода. Мы будем менять и переписывать это. Также как и в прошлый раз, наливаем себе чаек☕ и начинаем. Ссылка на новую рабочую версию в конце статьи. Советую читать код по порядку. Я его разделил на этапы. Пререквизиты В предыдущей статье мы написали простой слайдер с переключением по кнопкам...
4 года назад
Zoom для карточки товара
Рассказываем, как легко и быстро сделать крутой зум-эффект для вашего интернет-магазина при помощи чистого Javascript. Написать этот гайд меня подтолкнул вопрос на Stackoverflow, где автор пытался сделать зум-эффект карточки товара как на Amazon. Перейдите в магазин, откройте понравившийся товар и наведите курсор на фото. Появится удобное окошко с увеличенным изображением, которое поможет вам поближе рассмотреть интересующую покупку. В этой статье я расскажу, как сделать похожий эффект и использовать его в своих дальнейших проектах...