Как сделать горизонтальный scrol фотографий?

Question

[eellazy]

Как сделать горизонтальный скрол изображений с независимим количествои изображений? Если фото статические у меня это получается сделать. но фотографии могут быть разные и количество тоже. Смотрел что делают списком, то есть "ui" а как рееализовать именно неопределённое количество фотографий?

У меня есть код который выводит изображения

<div class="thumbs">
              <?php for ( $i = 0; osc_has_item_resources(); $i++ ) { ?>
              
              <a href="<?php echo osc_resource_url(); ?>" class="fancybox" data-fancybox-group="group" title="<?php _e('Image', OSCLASSWIZARDS_THEME_FOLDER); ?> <?php echo $i+1;?> / <?php echo osc_count_item_resources();?>"> <img src="<?php echo osc_resource_thumbnail_url(); ?>" width="75" alt="<?php echo osc_item_title(); ?>" title="<?php echo osc_item_title(); ?>" class="img-responsive"/> </a>
              
              <?php } ?>
            </div>

Помогите это сделать, или укажите где искать. Можно сделать и статически 6 фото. Но как тогда указать их в отдельном элементе списка?

Answer 1

[Дмитрий Ермолаев]

codepen.io/iusfof/pen/eNPKjj?editors=110 это нужно??

Comments

[eellazy]

да верно, только как это прикрутить к моему коду?

[Дмитрий Ермолаев]

'div.thumbs' это '.list', а 'a.fancybox' это '.item' из моего примера

[eellazy]

ага, то есть просто поменять?

[Дмитрий Ермолаев]

к 'div.thumbs' добавьте класс '.list', а к 'a.fancybox' добавьте класс '.item' (если эти классы у вас еще не используются) и скопируйте css из моего примера в ваш файл css

[eellazy]

Дмитрий Ермолаев: а можно с вами как-то связатся?

[Дмитрий Ермолаев]

в профиле есть ссылка на вконтакте