从其克隆中添加div会导致延迟重复

Question

我正在克隆div，更改其图像属性，然后将其附加到前一个div。一切正常，除非添加包含新图像源的新div时，前一个（从第1行，第1项）显示半秒。这种情况发生在新添加的div上的每个图像上。来自最初加载的内容的第一个图像是始终加载的图像，然后由正确的图像替换但具有一些延迟。当页面加载（从后面的代码）并且如上所述出现任何新行（作为div）时，加载第一组图像。

DIV

<div id="dvProducts">
    <asp:DataList ID="rptCustomers" runat="server" BorderColor="Black" CellPadding="0" CellSpacing="0" RepeatLayout="Table" RepeatDirection="Horizontal" >
        <ItemTemplate>
            <div class="wrapping">
                <div id="boxer">
                    <span class="Image" ><img src='<%# "images/topimages/" & Eval("Image")%>' alt="Mountain View" class="topimage"></span>
                </div>
            </div>
            <br />
        </ItemTemplate>
    </asp:DataList>
</div>

功能：

customers.each(function () {
    var product = $(this);
    var tablex = $("#dvProducts div").eq(0).clone(true);
    $(".Image", tablex).find('img').attr('src', '/top3/images/topimages/' + product.find("Image").text());
    $("#dvProducts").append(tablex);
 });