İç içe döngü kullanımı

Merhaba,

Sorgu sayfa başında yapıldı aynı sorguyu kullanarak yapmak istiyorum.

$ilancek=$ilansor->fetch(PDO::FETCH_ASSOC);

Sorunum şu bir resim tablom var üstte büyük altta küçük resimler dönecek ama bir türlü ikisini döngüye sokamadım. Aşağıdaki büyük rersimler ve küçük resimleri nasıl döngüye sokabilirim.

                            <div class="product-slider-wrapper">
                                <div class="product-slider">

                                 //  ilk döngü başlangıcı
                                    <div class="item">
                                       <img src="images/img/demo-thumb-1.jpg" alt="">
                                   </div>
                              //     döngü sonu
                               </div>
                               <div class="product-slider-thumb-row">
                                <div class="product-slider-thumb">

                               //    ikinci döngü başlangıcı
                                 <div class="item">
                                    <img src="images/img/demo-thumb-1.jpg" alt="">
                                </div>
                             //     döngü sonu

                            </div>
                        </div>
                    </div>

<? for ($x = 1; $x <= $ilancek=$ilansor->fetch(PDO::FETCH_ASSOC); $x++){ ?>
<div class="item">
<img src="images/img/<?=$ilancek['gorselismi'];?>" alt="">
</div>
<? } ?>

Döngüye böyle sokabilirsin, küçük ve büyük resmi ayrı tutuyorsan gorsel ismine kolon isimlerini girersin. (gorselismi) yazan yer

tamamda ikinci döngüye nerede girecek ? bu büyük resmi sokuyor küçük resimler nerede girecek

Küçük resimler için de ayrı döngü yapabilirsin. Yukarda verdiğim mantık ile.

Tek döngüde hepsini yapmak istiyorum diyorsan div yapın buna pek uygun değil. Onun yerine şunu tavsiye edebilirim küçük ve büyük resim ayrımı yapmak yerine tüm resimlerini büyük resim olarak tut. Küçük resimler için özel css oluştur. Onları küçük göster.