GORAGOD.com

คือต้องการจะ loop ข้อมูล 2 ช่วง ครับ พอ loop เสร็จจะให้เรียงโค๊ดตามข้างล่างครับ 
loop ที่1 ตรงโค๊ดสีแดง
loop ที่2  ตรงโค๊ดสีน้ำเงิน
ไม่ทราบต้องทำอย่างไรบ้างครับ รบกวนอาจารย์ด้วยครับ
คือ loop ที่ 1 จะเป็นรูปใหญ่อยู่ข้างบน
loop ที่ 2 จะเป็นรูปเล็ก เรียงกัน 4 รูป แนวนอน

<div class="photos">
 
 <div id="photo_1" class="dropshadow1"><img src="ARTofWAR_BLK(3).jpg" /></div>
 <div id="photo_2" style="display:none;" class="dropshadow1"><img src="ARTofWAR_RED.jpg" alt="" /></div>
 <div id="photo_3" style="display:none;" class="dropshadow1"><img src="ARTofWAR_WHT.jpg" alt="" /></div>
 <ul class="thumbs">
  <li><a href="javascript:void(0)" onclick="switch_product_img('photo_1', 3);"><img src="ARTofWAR_BLK(3).jpg" alt="" /></a></li>
  <li><a href="javascript:void(0)" onclick="switch_product_img('photo_2', 3);"><img src="ARTofWAR_RED.jpg" alt="" /></a></li>
  <li><a href="javascript:void(0)" onclick="switch_product_img('photo_3', 3);"><img src="ARTofWAR_WHT.jpg" alt="" /></a></li>
 </ul>
</div>