Как реализовать такой список клиентов?

Question

[Игорь]

тут сделан очень прикольный список клиентов, по нажатию на лого вылазит информация о клиенте не в popup а в блоке ниже, как можно реализовать подобную фичу?
Сортировка не важна

Comments

[Александр Карпов]

А в чем конкретно проблема возникает? Ничего сложного вроде тут нет...
Можете нажать F12 и посмотреть код реализации.

[Игорь]

Александр Карпов: там ужатый js

Answer 1

[Илья Пашнин]

Скрипт не буду писать, но суть следующая:
1. Сначала делаем плитки квадратными (это просто - высота всегда равна ширине)
2. Затем даем классы плитками - нечетным с1, четным с2 (это тоже можно на js)
3. Блок, который презентует о компании ищет ближайший с2 и появляется именно после него. Он равен 100%, поэтому не ломает плиточной структуры
4. Меняем "клиентов" между собой стрелками (обычный слайдер)

Ну, о том, что блокам присваиваются дополнительные классы типа active или open - я не говорю, это само собой.