html - href タグ内の Razor オブジェクト

Question

私は MVC 4 と Razor の分野では初めてです。「CSS3 Lightbox」でギャラリーを構築しようとしています。すべて問題ないように見えますが、かみそりとリンクで作業できないという問題があります。前のURLと次のURLのリンクで何が悪いのか理解できません。あなたが助けてくれることを願っています。私のコードは次のようになります。

   @for (var i = 1; i < ViewBag.GallaryItems.Length; i++)
{
<li>
    <a href="#image-@i">
        <img src="@ViewBag.GallaryItems[i].path" />
     <!--   <img src"~/Images/gallary/pic1.jpg" alt="image01"/> -->

        <span>Pointe</span>
    </a>
    <div class="lb-overlay" id="image-@i">
        <img src="@Url.Content(ViewBag.GallaryItems[i].path)"  />
        <div>
            <h3>@ViewBag.GallaryItems[i].title<span>/point/</span></h3>
            <p>@ViewBag.GallaryItems[i].description</p>
            <a href="#image-@i--" class="lb-prev">Prev</a>
            <a href="#image-@i++" class="lb-next">Next</a>
        </div>
        <a href="#page" class="lb-close">x Close</a>
    </div>
</li>
       }