i have a problam to scroll group of image as founded in many website

See more:

Mobile

Android

My problem is that i am build a website on android and my home page has contain a group of 8 images and also two button at left and right side of images,i have to move images as 4 images always show on the front page i,e home page on button click.
i give my code part to understood every body better my problam

<tablerow android:layout_width="match_parent" android:layout_height="match_parent" android:layout_weight="1" android:gravity="center" xmlns:android="#unknown">
        <relativelayout>
            android:id="@+id/relativeLayout4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
             >
            <ImageView android:id="@+id/r1"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_gravity="center"
                    android:background="@drawable/arrow1" />
             <FrameLayout
        android:id="@+id/frameLayout1"
        android:layout_centerInParent="true"
        android:layout_width="1050dp"
        android:layout_height="wrap_content" >
               <linearlayout>
                android:id="@+id/linearLayout3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                
                android:gravity="center_horizontal"
                android:orientation="horizontal" >

                <Button
                    android:id="@+id/welcome"
                    android:layout_width="match_parent"
                    android:layout_height="196dp"
                    android:background="@drawable/welcome"
                    android:text="bbn" />


                 <Button
                     android:id="@+id/nextbook"
                     android:layout_width="match_parent"
                     android:layout_height="190dp"
                     android:layout_gravity="center"
                     android:background="@drawable/nextbook"
                     android:text="bbn" />

                <Button
                    android:id="@+id/people"
                    android:layout_width="match_parent"
                    android:layout_height="190dp"
                    android:layout_gravity="center"
                    android:background="@drawable/ourpeople"
                    android:text="bbn"
                   />
                 <Button
                    android:id="@+id/presearch"
                    android:layout_width="match_parent"
                    android:layout_height="190dp"
                    android:layout_gravity="center"
                    android:background="@drawable/presearch"
                    android:text="bbn"
                    />
                                              <Button
                    android:id="@+id/welcome"
                    android:layout_width="match_parent"
                    android:layout_height="190dp"
                    android:layout_gravity="center"
                    android:background="@drawable/testimonials1"
                    android:text="left"
                   />
                 <Button
                    android:id="@+id/nextbook"
                    android:layout_width="wrap_content"
                    android:layout_height="190dp"
                    android:layout_gravity="center"
                    android:background="@drawable/ourcapabilities1"
                    android:text="left"
                  />

                <Button
                    android:id="@+id/people"
                    android:layout_width="wrap_content"
                    android:layout_height="190dp"
                    android:layout_gravity="center"
                    android:background="@drawable/partners1"
                    android:text="left"
                   />
                 <Button
                    android:id="@+id/presearch"
                    android:layout_width="wrap_content"
                    android:layout_height="190dp"
                    android:layout_gravity="center"
                    android:background="@drawable/latest_news1"
                    android:text="left"
                    />
                                
                
            </linearlayout>
   
            </FrameLayout>
            <ImageView
                     android:id="@+id/arrow1"
                     android:layout_gravity="center"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:layout_centerVertical="true"
                     android:layout_alignParentRight="true"
                     android:background="@drawable/arrow2" />
        </relativelayout>

</tablerow >