سلام من یه اسلایدر ریسپانسیو نیاز داشتم کدی پیدا کردم که خوشم اومد

اما خواستم به دیتابیس وصل کنم متاسفانه اونطور که باید نمایش داده نمیشه

کد ها رو میزارم خودتون ملاحظه بفرمایید و لطفا بگین مشکل از کجاست

فایل اصلی رو ضمیمه کردم و کدی که خودم تغییر دادم رو همینجا میزارم

  <asp:SqlDataSource ID="SqlDataSource5" runat="server" ConnectionString="<%$ ConnectionStrings:ConnectionString %>" SelectCommand="SELECT [pic] FROM [tbl_s]" ProviderName="System.Data.SqlClient">
        </asp:SqlDataSource>                                                
            <asp:GridView ID="GridView3" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource5" GridLines="None" Height="144px" ShowHeader="False" Width="357px">
                <Columns>
                    <asp:TemplateField>
                        <ItemTemplate>
                          <div class="flex-container">
        <div class="flex-slider">
            <ul class="slides">    <li> <a href="#">  
                   
                    <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("pic", "~/img/{0}") %>' />
             
                            </a>
   </li>

            </ul>
        </div>
    </div>

         
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>   
                             <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script>
        $(document).ready(function () {
            $('.flex-slider').flexslider({
                animation: 'fade',
                controlsContainer: '.flexslider'
            });
        });
    </script>

کجاشو باید تغییر بدم درست بشه؟