Crystal-3

ага) и всё-таки slick http://htmltest555.ru/carousel/

3 часа назад, buldog52 сказал:

 а нельзя просто по клику на превью  слева отображать ее большую картинку?

 

Нет, согласно ТЗ эти 2 карусели работают синхронно.

но у меня уже есть хорошая идея, пилю) 

Ого, 2012) нет, тогда не подходит)

buldog52, в вашем примере одна карусель в 2 ряда - так да, работает хорошо. Мне нужно сделать 2 синхронные карусели, одна из которых в 2 ряда. Вот с этим и возникают проблемы. 
Макет не могу дать, он не тренировочный.
Спасибо за ответ)

npofopr, ну да, превьюшки.
Спасибо за плагин, посмотрю.


Ещё такой пример нашла http://coolcarousels.frebsite.nl/c/6/ 

Всем привет!
Есть задачка - сделать карусель, в котором навигация в 2 ряда http://prntscr.com/pb6dlu
Обычно пользуюсь плагином slick. Есть у него в настройках slidesPerRow и rows, с помощью которых можно выстроить визуально в 2 ряда, но увы, навигация работает некорректно.
Буду благодарна советам, как такое можно реализовать. 
Slick не обязателен, может есть другой хороший плагин.

Так нужно? https://codepen.io/anon/pen/bPqgvY?editors=1100

добавьте svg  http://prntscr.com/o4pkon

Тогда вам нужно:
1. Обернуть эти блоки в один родительский и задать ему text-align: center http://prntscr.com/ntgd4r
2. У всех убрать margin-left.
3. Для блока .goglas добавить margin: auto;

9 минут назад, kartopelka сказал:

https://jsfiddle.net/RedSniper/Lgjdqprc/

Как сделать,чтобы в адаптивной версии текст тоже менялся?

Что значит "текст тоже менялся"?

Если правильно понимаю, вам нужно центрировать этот блок? http://prntscr.com/ntgbin

Здравствуйте.

Чтобы вам помочь -  нужно видеть код. 

Всем привет.
Озадачил меня дизайнер, ничего хорошего не могу придумать, гугл тоже отказывается помогать.
Нужно сделать вот такие штуки http://prntscr.com/nsyswi
Задача усложнена ещё тем, что фон должен быть пролупрозрачный.
Буду благодарна за подсказку.

5 часов назад, guram07 сказал:

Как сделать чтобы видео сразу воспроизводилось?

Добавьте в самый конец url "?autoplay=1" 

Т.е. должно получиться так: 

https://www.youtube.com/embed/vSkb0kDacjs?autoplay=1

Не отображаются ссылки на codepen, поправьте, пожалуйста. http://prntscr.com/jn8loe

Windows10, Хром, Мозилла.

Из кода конечно выцарапала, но как-то это не айс.

Switch74, да, точно, спасибо)  про этот способ забыла) 

А флексы и трансформ никак не заставить не обрезать верх?

Почему именно сейчас назрел вопрос: мне часто приходиться сталкиваться с чужим кодом, например, как сейчас - нужно адаптировать сайт и много блоков в коде центрируются transform'ом. Придёться переверстать? Пофиксить никак?

vladmih, я про вот это: http://prntscr.com/i73opb . Текст обрезается сверху и снизу. И если к низу ещё можно доскролить, то вверх уже никак не достучаться.

Здравствуйте.
Сейчас вроде бы не должно возникать проблем с вертикальным выравниванием, есть flex'ы, приём с transform: translateY(-50%). Но если контента много, то он обрезается и не спасает добавление вертикального скролла.
Пример на флексах (уменьшайте окно, пока текст не начнёт вываливаться) https://jsfiddle.net/6xjg7Lvh/
Точно такая же картинка на transform https://jsfiddle.net/sw2phpdc/
И снова приходиться возвращаться к старым добрым display: table-cell, здесь всё работает корректно https://jsfiddle.net/39xo2gzo/
Ребят, можно это как-нибудь пофиксить или в таких случаях использовать только display: table-cell ?

Круто, отличные варианты!)  Ребята, огромное-огромное спасибо, вы мне очень помогли!

mrnobody, обычно в проектах использую slick slider, но с данным дизайном совсем растерялась. Благодарю)

Здравствуйте, Tilonorrinco.  

Спасибо, что откликнулись, но у меня всё-таки не совсем стандартная штука.

В моём случае изображения в слайдах будут фоном и их каким-то образом нужно передавать на стрелочки http://prntscr.com/h0ffez 

Здравствуйте.
Ребята, нужна ваша помощь. Согласно дизайна в слайдере вместо стрелок "prev" и "next" должны отображаться миниатюры предыдущего и следующего слайда. Подскажите, пожалуйста, в какую сторону смотреть или хотя бы как правильно загуглить. У меня идей нет вообще.

http://codepen.io/anon/pen/ZWGLZv

Да, это именно то, что нужно!) Игорь, спасибо огромное, вы мне очень помогли

Тогда подскажите как переделать.

Здравствуйте.

Не могу решить задачу. Есть картинка в многоугольнике, по наведению она должна увеличиваться. У меня сейчас получается только эффект "гармошки": http://codepen.io/anon/pen/wGaoqY.

Знаю откуда ноги растут - картинке задана высота 100%, но если установить auto, то тогда на hover искажается многоугольник.

Подскажите, пожалуйста, как это исправить.

Та мне это слово самой жутко не нравится Интеграция вёрстки с CMS - так ок?)

Возвращаюсь к своему вопросу, я ж хочу понять)  Получается, что вёрстка под CMS - это вёрстка + интеграция?

вы верстаете некий каркас (шаблон)

здесь всё понятно - это вёрстка

внедряете его в папку типа template (расположение и название папки у разных cms может отличаться), а уже в этом каркасе делаете вставки а-ля {$header->logo} {$menu_sidebar} и т.д...

а это уже "натяжка". Нет? 

Здравствуйте.

Скажите, какие особенности вёрстки под различные CMS?

Мне кажется, главное, чтоб вёрстка была качественной и её можно без проблем "натянуть" на любой движок. Или я ошибаюсь?

Птичка с синенькой рожицей 

http://jsfiddle.net/Lbcu90bc/2/