Kategoriye Göre Resim Listele

Merhaba arkadaşlar,

Bir web projesinde Referanslar ve Kategori tablom var. Bu iki tablo birbirine bağlı. Amacım burada kategoriye basarak resimlerin listelenmesini istiyorum. Ama bu işlem dinamik şekilde. Sayfa postback olmuyor. Yardımlarınızı bekliyorum.

Bu kodda kategorileri getiriyorum.

 <li><a class="btn btn-default active" href="#" data-filter="*">Hepsi</a></li>
                <asp:Repeater ID="Repeater1" runat="server">
                    <ItemTemplate>

          <li><a class="btn btn-default" href="<%#Eval("KategoriAd") %>" data-filter=".html"><%#Eval("KategoriAd") %></a></li>
                        <%--<li><a class="btn btn-default" href="#" data-filter=".html">Photography</a></li>
                        <li><a class="btn btn-default" href="#" data-filter=".wordpress">Web Development</a></li>--%>
                    </ItemTemplate>
                </asp:Repeater>

Bu kod ile referansları getiriyorum.

 <asp:Repeater ID="Repeater2" runat="server">
                        <ItemTemplate>
                            <div class="portfolio-item apps col-xs-12 col-sm-4 col-md-3">
                                <div class="recent-work-wrap">
                                    <img class="img-responsive" src='/resimler/<%#Eval("ReferansResim")%>' alt="">
                                    <div class="overlay">
                                        <div class="recent-work-inner">
                                            <h3><a href="#"><%#Eval("ReferansAd") %></a></h3>
                                            <%--<p>There are many variations of passages of Lorem Ipsum available, but the majority</p>--%>
                               <a class="preview" href='/resimler/<%#Eval("ReferansResim")%>' rel="prettyPhoto"><i class="fa fa-eye"></i>Görüntüle</a>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--/.portfolio-item-->
                        </ItemTemplate>
                    </asp:Repeater>

Bunlarda code behind tarafı.

 protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {

                GetKategori();

                GetResim();
            }
        }

        private void GetKategori()
        {
            KurumsalEntities krm = new KurumsalEntities();

            Repeater1.DataSource = krm.GetKategori();
            Repeater1.DataBind();
        
        }

        private void GetResim()
        {
            KurumsalEntities krm = new KurumsalEntities();

            Repeater2.DataSource = krm.GetReferans();
            Repeater2.DataBind();

        }

Arkadaşlar daha iyi anlaşılmak için örnek yolluyorum. Buradaki portfolio sayfası gibi istiyorum. Yukarıda kodlarımı yolladım. Bunu asp.net ve Linq to sql ile yapıyorum.

http://themeforest.net/item/colores-multipurpose-wordpress-template/full_screen_preview/12436213