C# 显示单个记录的多个图像中的四个

我想显示单个记录的多个图像中的四个

像这样

Img1 img2 img3一些文本 img4 img5

这在普通html中效果很好，但当我使用repeater控件或datalist时，它会在所有图像都相同的情况下重复每个记录8次

<asp:Repeater ID="rptUsedCarList" runat="server" OnItemDataBound="rptUsedCarList_ItemDataBound" DataSourceID="SqlDataSource2">
    <%--ItemType="StronglyTypedControls.Data"--%>
    <ItemTemplate>            

        <div class="row">

            <h5 id="nameOftheCar" class="h5caption" style="background-color:#333;color:#fff;border-radius:3px;" runat="server"><%#Eval("Make")%> <%#Eval("Model")%>  <%#Eval("EngineSize")%></h5>
            <asp:HiddenField ID="hfCRegNo" Value=<%#Eval("CarRegistrationNumber")%> runat="server" />
            <div class="col-sm-12">


                <asp:Repeater ID="rptUsedCarListImages" runat="server" DataSourceID="SqlDataSource1">

               <ItemTemplate>    
                <div class="col-sm-3">
                    <div class="row">
                        <asp:HyperLink ID="HyperLink1" runat="server" rel="tooltip" title="Click to view large image"  NavigateUrl="javascript:void(0);">
                            <asp:Image ID="imgMain" runat="server" ImageUrl=<%#Eval("ImageUrl")%> CssClass="thumbnail img-responsive viewer-item" Width="250" Height="145" /></asp:HyperLink>
                    </div>
                </div>


                <div class="col-sm-4" runat="server">                  
                    <div class="col-sm-6" runat="server">
                        <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="javascript:void(0);" rel="tooltip" title="Click to view large image">
                        <asp:Image ID="imgThumbnail1" runat="server" ImageUrl=<%#Eval("ImageUrl")%> CssClass="thumbnail img-responsive viewer-item" Width="110" Height="60" /></asp:HyperLink>
                        <asp:HyperLink ID="HyperLink3" runat="server" NavigateUrl="javascript:void(0);" rel="tooltip" title="Click to view large image">
                        <asp:Image ID="imgThumbnail2" runat="server" ImageUrl=<%#Eval("ImageUrl")%> CssClass="thumbnail img-responsive viewer-item" Width="110" Height="60" /></asp:HyperLink>
                    </div>
                    <div class="col-sm-6" >
                        <asp:HyperLink ID="HyperLink4" runat="server" NavigateUrl="javascript:void(0);" rel="tooltip" title="Click to view large image">
                        <asp:Image ID="imgThumbnail3" runat="server" ImageUrl=<%#Eval("ImageUrl")%> CssClass="thumbnail img-responsive viewer-item" Width="110" Height="60" /></asp:HyperLink>
                        <asp:HyperLink ID="HyperLink5" runat="server" NavigateUrl="javascript:void(0);" rel="tooltip" title="Click to view large image">               
                        <asp:Image ID="imgThumbnail4" runat="server" ImageUrl=<%#Eval("ImageUrl")%> CssClass="thumbnail img-responsive viewer-item" Width="110" Height="60" /></asp:HyperLink>
                    </div>
                </div>
                   </ItemTemplate>    
        </asp:Repeater>
                <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString='<%$ ConnectionStrings:ConnectionString %>' SelectCommand="SELECT TOP (4) ImageNo, CarRegistrationNumber, ImageUrl FROM Image WHERE (CarRegistrationNumber = @CarRegistrationNumber)">
                    <SelectParameters>
                        <asp:ControlParameter ControlID="hfCRegNo" PropertyName="Value" Name="CarRegistrationNumber" Type="String"></asp:ControlParameter>
                    </SelectParameters>
                </asp:SqlDataSource>
                <div class="col-sm-4" runat="server">


                    <%--<asp:BulletedList ID="blstLeft" CssClass="list-group list-unstyled pull-left text-muted" runat="server">
                         <asp:ListItem>Eval(&quot;Model&quot;)</asp:ListItem>
                         <asp:ListItem></asp:ListItem>
                         <asp:ListItem></asp:ListItem>
                         <asp:ListItem></asp:ListItem>                           
                    </asp:BulletedList>
                    <asp:BulletedList ID="blstRight" CssClass="list-group list-unstyled pull-left text-muted" runat="server">
                         <asp:ListItem></asp:ListItem>
                         <asp:ListItem></asp:ListItem>
                         <asp:ListItem></asp:ListItem>
                         <asp:ListItem></asp:ListItem>                           
                    </asp:BulletedList>--%>

                    <ul class="list-group list-unstyled pull-left" runat="server">
                        <li class="text-muted" title="EngineSize"><%#Eval("EngineSize")%> </li>
                        <li class="text-muted" title="Transmission"><%#Eval("Transmission")%> </li>
                        <li class="text-muted" title="Body Type"><%#Eval("BodyType")%> </li>
                        <li class="text-muted" title="Miles"><%#Eval("Mileage")%> </li>
                    </ul>

                        <ul class="list-group list-unstyled pull-right ">
                        <li class="text-muted" title="NCT Due Date"><%#Eval("NCTDueDate","{0:d}")%> </li>
                        <li class="text-muted" title="Owner"><%#Eval("Owner")%> </li>
                        <li class="text-muted" title="Color"><%#Eval("Color")%> </li>
                        <li class="text-muted" title="Year"><%#Eval("Year")%> </li>
                        </ul>
                </div>

                <div class="col-sm-1" >
                    <ul class="list-group list-unstyled">
                        <li><a href="#" class="label label-danger" rel="tooltip" title="Price">€<%#Eval("RetailPrice","{0:0.##}")%></a></li>
                       <%-- <li><a href="#" class="label label-danger" rel="tooltip" title="Enquire about the car">Enquiry</a> </li>--%>
                        <li><asp:LinkButton ID="lbtnView" Cssclass="label label-danger" rel="tooltip" title="More Details" runat="server" OnClick="lbtnView_Click" >View</asp:LinkButton>
                            <%--<asp:HyperLink ID="hplView"  runat="server"></asp:HyperLink>--%>

                           <%-- <a href="#"  onclick="" runat="server">View</a> --%></li>                        
                    </ul>                                         
                </div>

            </div>                
        </div>

    </ItemTemplate>
    <SeparatorTemplate></SeparatorTemplate>
</asp:Repeater>
<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString='<%$ ConnectionStrings:ConnectionString %>' SelectCommand="SELECT Car.CarRegistrationNumber, Car.Make, Car.Model, Car.Year, Car.EngineSize, Car.BodyType, Car.Transmission, Car.Color, Car.Owner, Car.Door, Car.FuelType, Car.Mileage, Car.NCTDueDate, Car.Comment, Car.AnnualRoadTax, Car.TaxDueDate, Car.VehicleRegistrationTax, Purchase.RetailPrice FROM Car INNER JOIN Purchase ON Car.CarRegistrationNumber = Purchase.CarRegistrationNumber"></asp:SqlDataSource>

-->

请帮助我，因为我无法理解需要做什么如果我理解正确，您是否尝试显示每辆车的四个图像？例如Car1->img1-img2-img3-img4/Car2->img1-img2-img3-img4非常感谢您的回复。是的，图像控件中有一个主图像和四个小缩略图。我有五个图像控件。一个用于主图像大小，另一个用于四个缩略图大小。当它们在html中是静态的时，它的fine但repeator或datalist控件根据db中的记录显示五个图像控件8次，所有图像控件每行显示相同的图像。我想可能我需要在while循环中使用for循环，以便它只读取每个记录的前四行并显示它，或者我需要使用数据集。您需要的是一个嵌套的中继器，父中继器包含汽车，子中继器加载汽车的图像。感谢您的回复。我也试过嵌套转发器。我有一个家长来显示汽车信息，有一个孩子来显示图像。对于一个汽车登记号码，我有8个图像，因此子中继器水平显示8行，具有相同的汽车信息和一个主图像以及四个较小的图像，但每行这些图像相同。在第八行之后，它显示了第二条记录，同样，因为我有6张图像，它显示了6条记录。如果我只想显示每个记录的前5张图像，我如何限制我不理解的记录的数量。在图像控件中，如何更改此设置