Android ImageView duplicated content LazyLoad -

i have problem lazy loading images imageviews. when scroll down, see images top (dupliacated), when new image downloaded replaced new one. how can show on new images progressbar, , replace images when downloaded?

here getview() lazyadapter:

public view getview(int position, view convertview, viewgroup parent) {     view vi=convertview;     if(convertview==null)         vi = inflater.inflate(r.layout.item, null);      imageview image=(imageview)vi.findviewbyid(r.id.image);     imageloader.displayimage(data[position], image);     return vi; } 

and item.xml:

  <?xml version="1.0" encoding="utf-8"?>   <framelayout         xmlns:android="http://schemas.android.com/apk/res/android"         android:layout_width="fill_parent"         android:layout_height="fill_parent"         android:orientation="vertical">      <progressbar android:layout_width="75dp"                  android:layout_height="75dp"                  android:layout_gravity="center"/>      <imageview             android:id="@+id/image"             android:layout_width="fill_parent"             android:layout_height="fill_parent"             android:scaletype="fitxy"             android:adjustviewbounds="true"             android:minheight="300px"     />   </framelayout> 

imageloader.displayimage asynctask.

you need set image path tags imageview.

public view getview(int position, view convertview, viewgroup parent) {     view vi=convertview;     if(convertview==null)         vi = inflater.inflate(r.layout.item, null);      imageview image=(imageview)vi.findviewbyid(r.id.image);     image.settag(data[position]);     imageloader.displayimage(data[position], image);     return vi; }