これをよりクリーンな方法で記述する方法、または少なくとも何らかの方法でページ上にある数を検出し、正しい量をエコーする方法があるのではないかと思っています。
$(document).ready(function(){
$("div.projectBlock").each(function(index){
$(this).find('a').addClass("group" + (index+1));
});
$(".group1").colorbox({rel:'group1', slideshow:true});
$(".group2").colorbox({rel:'group2', slideshow:true});
$(".group3").colorbox({rel:'group3', slideshow:true});
$(".group4").colorbox({rel:'group4', slideshow:true});
$(".group5").colorbox({rel:'group5', slideshow:true});
$(".group6").colorbox({rel:'group6', slideshow:true});
$(".group7").colorbox({rel:'group7', slideshow:true});
$(".group8").colorbox({rel:'group8', slideshow:true});
$(".group9").colorbox({rel:'group9', slideshow:true});
$(".group10").colorbox({rel:'group10', slideshow:true});
$(".group11").colorbox({rel:'group11', slideshow:true});
$(".group12").colorbox({rel:'group12', slideshow:true});
$(".group13").colorbox({rel:'group13', slideshow:true});
$(".group14").colorbox({rel:'group14', slideshow:true});
$(".group15").colorbox({rel:'group15', slideshow:true});
$(".group16").colorbox({rel:'group16', slideshow:true});
$(".group17").colorbox({rel:'group17', slideshow:true});
$(".group18").colorbox({rel:'group18', slideshow:true});
$(".group19").colorbox({rel:'group19', slideshow:true});
$(".group20").colorbox({rel:'group20', slideshow:true});
});
上部に設定して、group1、group2 などのクラスをページの div に追加しますが、使用する個別のページごとに、その下のコードに正しい量のグループを表示したいと思います20 を追加するだけでなく、colorbox を使用します。ページには、多かれ少なかれ含まれる可能性があります。