Codeigniter Dynamic Slider

Question

• Я делаю слайдер отключения звука в Codeigniter.
• У слайдера есть маленькие и большие изображения.
• У вас также должен быть определенный номер на каждой странице.
• Я не хотел делать это как модель пагинации.

У вас есть пример или идея, как это сделать динамически?

        <div class="gallery-cell">
            <div class="col-tm-1">
                <div class="slider">
                    <div class="big-slider">
                        <a href="#bigslider" title="#bigslider">
                            <span class="slider-text">
                            <span class="slider-text-title">#slider text 1</span>
                            </span>
                            <figure>
                                <img class="lazy" data-src="#bigslider" width="583" height="328" title="#bigslider" alt="#bigslider" />
                            </figure>
                        </a>
                    </div>
                    <div class="small-slider">
                        <a href="#smallslider" title="#smalltitle">
                            <span class="slider-text">
                            <span class="slider-text-title">#slider text 2</span>
                            </span>
                            <figure>
                                <img class="lazy" data-src="#smallslider" width="292" height="164" title="#smalltitle" alt="#smalltitle" />
                            </figure>
                        </a>
                    </div>
                    <div class="small-slider">
                        <a href="#smallslider" title="#smallslider">
                            <span class="slider-text">
                            <span class="slider-text-title">#slider text 3</span>
                            </span>
                            <figure>
                                <img class="lazy" data-src="#smallslider" width="292" height="164" title="#smalltitle" alt="#smalltitle" />
                            </figure>
                        </a>
                    </div>
                    <div class="small-slider">
                        <a href="#smallslider" title="#smallslider">
                            <span class="slider-text">
                            <span class="slider-text-title">#slider text 4</span>
                            </span>
                            <figure>
                                <img class="lazy" data-src="#smallslider" width="292" height="164" title="#smalltitle" alt="#smalltitle" />
                            </figure>
                        </a>
                    </div>
                    <div class="small-slider">
                        <a href="#smallslider" title="#smallslider">
                            <span class="slider-text">
                            <span class="slider-text-title">#slider text 5</span>
                            </span>
                            <figure>
                                <img class="lazy" data-src="#smallslider" width="292" height="164" title="#smalltitle" alt="#smalltitle />
                            </figure>
                        </a>
                    </div>
                </div>
            </div>
        </div>