数字のループ

画像1   画像２　画像3
1         2          3         と自動で数字が入る

上記のようなことをしたいと思います

画像の数は決まっていずEntries tagに@ADD_TO_TOP_COMMERCIALを入れた記事は全部入ります

記事が増減しても数字は変わらす

例えば

画像4   画像２　画像5

1         2          3         と自動で数字が入る

でも、数字は1,2,3です

以下コードです

よろしくお願いします。

<mt:Entries tag="@ADD_TO_TOP_COMMERCIAL" sort_order="ascend">

<div class="top2-box w33">

<mt:if  tag="TopImage">

<mt:TopImageAsset>

<img src="<$mt:AssetURL$>">

</mt:TopImageAsset>

  </mt:If>

  

  /*この下の数字を表示される画像の下に順番に入れたい*/

<p class="number-font top2-number">01</p>

<h3><a href="<$mt:EntryPermalink encode_html="1"$>">

<$mt:EntryTitle$></a></h3>

<mt:If tag="TopText">

    <mt:TopText /> 

  </mt:If>

</div>

</mt:Entries>