The html should look something like this:
<div class="slide"> <div class="ph1"><img src="img/hotel/ph1.png" alt="" /></div> <div class="ph2"><img src="img/hotel/ph2.png" alt="" /></div> <div class="ph3"><img src="img/hotel/ph3.png" alt="" /></div> <div class="ph4"><img src="img/hotel/ph4.png" alt="" /></div> </div> <div class="slide"> <div class="ph1"><img src="img/hotel/ph1.png" alt="" /></div> <div class="ph2"><img src="img/hotel/ph2.png" alt="" /></div> <div class="ph3"><img src="img/hotel/ph3.png" alt="" /></div> <div class="ph4"><img src="img/hotel/ph4.png" alt="" /></div> </div> In php I did this:
<?$countmorephoto = 1;?> <?foreach ($arrayimg as $keyimg => $imgmore):?> <?$keyimg++;?> <?if ($countmorephoto == 1){?> <div class="slide"> <?}?> <div class="ph<?=$countmorephoto?>"><img src="<?=$imgmore?>" alt="" /></div> <?if ($countmorephoto == 4 || $countmorephoto == 8 || $countmorephoto == 12 || $countmorephoto == 16){?> <?$countmorephoto = 0;?> </div> <div class="slide"> <?}?> <?if (!next($arrayimg)):?> </div> <?endif;?> <?$countmorephoto++;?> <?endforeach;?> But honestly it doesn't really work :)
How best to divide by 4 images, knowing that they can not be more than 16.