How to Fullscreen images with NetworkImageView using JSON & Google's Volley Library

See more:

Mobile

Android

JSON

Hello everyone!

I have been trying to figure out which is the best approach to use and display some images that I have displayed using NetworkImageView via Google Volley. This is how the activity shows when a product is chosen from the ListView:

http://i.imgur.com/WmBd01i.png[^]

What I want to do is have the ability to use all three images and be able to fullscreen them and use a sort of image slider so the images can pass by when they are still in full screen.

I am planning to use this tutorial but have difficulty trying to implement it since I don't know where to start due to me using JSON and Google Volley Library: http://www.androidhive.info/2013/09/android-fullscreen-image-slider-with-swipe-and-pinch-zoom-gestures/[^]

This is my JeansDetailActivity code I use to display NetworkImageView:

ImageLoader imageLoader = AppController.getInstance().getImageLoader();
        String bitmap = i.getStringExtra("image");
        NetworkImageView thumbNail = (NetworkImageView) findViewById(R.id.thumbnail);
        thumbNail.setImageUrl(bitmap, imageLoader);

        ImageLoader imageLoader2 = AppController.getInstance().getImageLoader();
        String bitmap2 = i.getStringExtra("image2");
        NetworkImageView thumbNail2 = (NetworkImageView) findViewById(R.id.thumbnail2);
        thumbNail2.setImageUrl(bitmap2, imageLoader2);

        ImageLoader imageLoader3 = AppController.getInstance().getImageLoader();
        String bitmap3 = i.getStringExtra("image3");
        NetworkImageView thumbNail3 = (NetworkImageView) findViewById(R.id.thumbnail3);
        thumbNail3.setImageUrl(bitmap3, imageLoader3);

And this is my activity_jeansdetail.xml:

<com.android.volley.toolbox.NetworkImageView
                android:layout_width="80dp"
                android:layout_height="250dp"
                android:id="@+id/thumbnail"
                android:layout_alignParentRight="true"
                android:layout_alignParentEnd="true"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true" />

            <com.android.volley.toolbox.NetworkImageView
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:id="@+id/thumbnail2"
                android:layout_below="@+id/thumbnail"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_marginTop="50dp"
                android:layout_marginLeft="50dp" />

            <com.android.volley.toolbox.NetworkImageView
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:id="@+id/thumbnail3"
                android:layout_marginLeft="50dp"
                android:layout_marginStart="37dp"
                android:layout_alignTop="@+id/thumbnail2"
                android:layout_toRightOf="@+id/thumbnail2"
                android:layout_toEndOf="@+id/thumbnail2" />

If more info needed, let me know.

Any suggestion or guidance will be appreciated,

Thanks!