all images change when edit one of them in asp.net web app
<p>I have a <code>Listview</code>. I show many data of selected items, between them there was a Logo 
when edit any logo of specific item, many of others items logos changes with that change </p>

<p>What may be the problem? Is there any thing I can do in my code or in the <code>web.config</code> file? 
This is my <code>Listview</code> code: </p>

<pre><code>&lt;asp:ListView ID="searchResultsList" runat="server" DataKeyNames="product_id" OnItemDeleting="searchResultsList_ItemDeleting" OnSorting="ListViewproductEdit_Sorting"    OnPagePropertiesChanging="ListViewproductEdit_PagePropertiesChanging"&gt;
&lt;AlternatingItemTemplate&gt;
    &lt;tr class="even"&gt;

        &lt;td&gt;
            &lt;asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='&lt;%# "~/ViewProduct.aspx?" + QueryStringConstants.productID + "=" + Eval("product_id").ToString() %&gt;'&gt;
                &lt;img src='&lt;%# Eval("prod_ImgPath") %&gt;' alt="" width ="50" style = "height:50; border-width:1px; border-color:#DDDDDD; border-style:solid;"
                     onmouseover ="ShowPopup(this,'&lt;%# Eval("prod_ImgPath") %&gt;_&lt;%=i %&gt;')" onmouseout = "HidePopup('&lt;%# Eval("prod_ImgPath") %&gt;_&lt;%=i %&gt;')"/&gt;
            &lt;/asp:HyperLink&gt;
            &lt;div id='&lt;%# Eval("prod_ImgPath") %&gt;_&lt;%=i++ %&gt;' style="float: left; visibility: hidden;
                position: absolute; top: 461px; left: 275px;"&gt;
                &lt;asp:Image src='&lt;%# Eval("prod_ImgPath") %&gt;' Height="100" Width="100" alt="No Image Available"
                    ID="Image2" runat="server" /&gt;
            &lt;/div&gt;
        &lt;/td&gt;

    &lt;/tr&gt;
&lt;/AlternatingItemTemplate&gt;
&lt;ItemTemplate&gt;
    &lt;tr class="Odd"&gt;

        &lt;td&gt;
            &lt;asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl='&lt;%# "~/ViewProduct.aspx?" + QueryStringConstants.productID + "=" + Eval("product_id").ToString() %&gt;'&gt;
                &lt;%--&lt;asp:Image runat="server" src='&lt;%#Eval("prod_ImgPath")%&gt;' ID="thumbnailImageToShow"
                    Width="50" Height="50" BorderStyle="Solid" BorderWidth="1px" BorderColor="#DDDDDD" /&gt;--%&gt;

                    &lt;img src='&lt;%# Eval("prod_ImgPath") %&gt;' alt="" width ="50" style = "height:50; border-width:1px; border-color:#DDDDDD; border-style:solid;"
                     onmouseover ="ShowPopup(this,'&lt;%# Eval("prod_ImgPath") %&gt;_&lt;%=i %&gt;')" onmouseout = "HidePopup('&lt;%# Eval("prod_ImgPath") %&gt;_&lt;%=i %&gt;')"/&gt;
            &lt;/asp:HyperLink&gt;
            &lt;div id='&lt;%# Eval("prod_ImgPath") %&gt;_&lt;%=i++ %&gt;' style="float: left; visibility: hidden;
                position: absolute; top: 461px; left: 275px;"&gt;
                &lt;asp:Image src='&lt;%# Eval("prod_ImgPath") %&gt;' Height="100" Width="100" alt="No Image Available"
                    ID="Image2" runat="server" /&gt;
            &lt;/div&gt;
        &lt;/td&gt;

    &lt;/tr&gt;
&lt;/ItemTemplate&gt;
&lt;LayoutTemplate&gt;
    &lt;table id="row"&gt;
        &lt;thead&gt;
            &lt;tr&gt;                                                                                   

                &lt;th &gt;
                    &lt;asp:Label ID="btnlnkimg" runat="server" CommandName="Sort"
                        CommandArgument="prod_img" Text="Logo" /&gt;
                &lt;/th&gt;
            &lt;/tr&gt;
        &lt;/thead&gt;

        &lt;tr runat="server" id="itemPlaceholder"&gt;
        &lt;/tr&gt;
    &lt;/table&gt;
&lt;/LayoutTemplate&gt;
&lt;/asp:ListView&gt;
</code></pre>

<p>that is the code of logo only I removed the other code </p>

<p>I want to change logo for some product , edit done and logo change 
but the problem is other products that I didn't change it also their images change with that product</p>
