Прокрутка блока с изображениями

@tarkasha · Регистрация: 05.12.2014

Author24 — интернет-сервис помощи студентам

Добрый день, уже 4-й день бьюсь, не могу понять как сделать. Есть мини изображения под главным фото (фото 1), Нужно чтобы эти фото выводились примерно так (фото 2) т.е Чтобы 3-4 фото, и стрелки, при нажатии на которые флок бы передвигался, может есть у кого идеи? Заранее спасибо. Код вывода фото ниже:

Кликните здесь для просмотра всего текста

HTML5

<div class="additional-images">
        <div style="">
            <?php
            $start_image = VmConfig::get('add_img_main', 1) ? 0 : 1;
            for ($i = $start_image; $i < $count_images; $i++) {
                $image = $this->product->images[$i];
                ?>
                <div class="floatleft">
                    <?php
                    if(VmConfig::get('add_img_main', 1)) {
                        echo $image->displayMediaThumb('class="product-image" style="cursor: pointer"',false,"");
                        echo '<a href="'. $image->file_url .'"  class="product-image image-'. $i .'" style="display:none;" title="'. $image->file_meta .'" rel="vm-additional-images"></a>';
                    } else {
                        echo $image->displayMediaThumb("",true,"rel='vm-additional-images'");
                    }
                    ?>
                </div>
            <?php
            }
            ?>
            </div>
            <div class="clear"></div>
        </div>

	03.10.2016, 15:42