Показать содержимое по тегу:imageflow

И действительно. Превосходное, на мой взгляд, решение. Кто не пробовал glide.js - очень рекомендую: Glide.js is a dependency-free JavaScript ES6 slider and carousel.

Перед вами конспект (или же концепт, как угодно), задача которого - помочь осмыслить и освоить (в первую очередь автору) новые возможности отличного фреймворка Ruby on Rails, появившиеся в Rails 7.

Простенькая, но вполне себе симпатичная галерея изображений, реализованная на основе Ruby on Rails 6 с использованием Active Storage (посредством которого будем, помимо размещения и хранения картинок в удаленном хранилище, также ресайзить и накладывать фильтры, формируя thumbnails, превью изображений).

Прикручиваем к нашей ImageFlow-карусели всплывающее окошко; таким образом, чтобы появлялось оное при клике на центральной (именно центральной, находящейся в фокусе) картинке.

Продолжаем украшать сайт.

Несложное описание эффектной галереи для сайта, загрузка с сайта разработчика бесплатна для некоммерческого использования.