Стандартная галерея c прокруткой

[Evgenio_Karpoff 0]

Доброго дня, друзья! Помогите пожалуйста решить проблему. Стандартный скин - Default

 

При размещении более 5 изображений они выстраиваются в 2 ряда, что не есть хорошо (размещаю в галерею через доп.поле.). Необходимо реализовать прокрутку. Кто может на пальцах объяснить, как это реализовать? Спасибо.

 

 

[germanydletest 457]

http://htmlbook.ru/css/overflow-x

[Evgenio_Karpoff 0]

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

http://htmlbook.ru/css/overflow-x

Спасибо, но при наличии тэга auto, прокрутка всё равно идёт вертикальной. Как решить это? 

[alex32 942]

4 минуты назад, Evgenio_Karpoff сказал:

Спасибо, но при наличии тэга auto, прокрутка всё равно идёт вертикальной. Как решить это? 

прикрути какую-нибудь jquery карусельку. 

[Evgenio_Karpoff 0]

2 минуты назад, alex32 сказал:

прикрути какую-нибудь jquery карусельку. 

я не совсем алё(( поэтому просил на пальцах..((

[germanydletest 457]

6 часов назад, Evgenio_Karpoff сказал:

я не совсем алё(( поэтому просил на пальцах..((

для того что бы объяснить Вам на пальцах, нужна ссылка на сайт (где у Вас опубликованы фотографии через это доп.поле), так как нужно визуально смотреть Вашу вёрстку, только так можно будет предложить Вам какое-то решение.

[Captain 625]

[Evgenio_Karpoff 0]

В 07.02.2020 в 01:42, germanydletest сказал:

для того что бы объяснить Вам на пальцах, нужна ссылка на сайт (где у Вас опубликованы фотографии через это доп.поле), так как нужно визуально смотреть Вашу вёрстку, только так можно будет предложить Вам какое-то решение.

Вот пример новости. Сделал то, что советовали выше... в мобильной версии это вообще не удобно

[alex32 942]

да установи https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html и наслаждайся

[Evgenio_Karpoff 0]

В 09.02.2020 в 16:04, alex32 сказал:

да установи https://owlcarousel2.github.io/OwlCarousel2/demos/responsive.html и наслаждайся

в личку глянь

[alex32 942]

31 минуту назад, Evgenio_Karpoff сказал:

в личку глянь

ну гляну. И как я тебе объясню на пальцах, если ты 

 

В 07.02.2020 в 02:07, Evgenio_Karpoff сказал:

я не совсем алё

 

[germanydletest 457]

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

И как я тебе объясню на пальцах

Берёшь шаблон Default (правда ТС не указал какая версия скрипта), и расписываешь в какой файл, на какую строчку и что вставить ;D

[6nick9 9]

В 09.02.2020 в 12:33, Evgenio_Karpoff сказал:

Вот пример новости. Сделал то, что советовали выше... в мобильной версии это вообще не удобно

В 

.xfieldimagegallery li

добавь 

display: inline-flex;

 

Если нужно красивое оформление - обращайся на фриланс, где за $5-10 тебе прикрутят слайдер на JS. Тут никто бесплатно верстать не будет)

Изменено 11 февраля 2020 пользователем 6nick9

[Evgenio_Karpoff 0]

22 часа назад, 6nick9 сказал:

В 

.xfieldimagegallery li

добавь 

display: inline-flex;

 

Если нужно красивое оформление - обращайся на фриланс, где за $5-10 тебе прикрутят слайдер на JS. Тут никто бесплатно верстать не будет)

Вставил. Всё сжалось в горизонтальную гармошку. Попробую решить как в спид баре, задать скрытое с прокруткой... хз, если выйдет что. Фриланс просто гуглить? В первый попавшийся соваться? Может, есть рекомендации, кто сможет четко сделать, адаптивно, все дела 😓

[6nick9 9]

7 часов назад, Evgenio_Karpoff сказал:

Вставил. Всё сжалось в горизонтальную гармошку. Попробую решить как в спид баре, задать скрытое с прокруткой... хз, если выйдет что. Фриланс просто гуглить? В первый попавшийся соваться? Может, есть рекомендации, кто сможет четко сделать, адаптивно, все дела 😓

 

Потому что ты вставил в .xfieldimagegallery {, а я же написал, что надо в .xfieldimagegallery li {

Внимательнее)

Изменено 12 февраля 2020 пользователем 6nick9