The Paged Menu plugin displays images in a grid fashion. You set the number of rows and columns. If more images are set than will fit on a single page given your rows & columns, additional "pages" will be added. Users can swipe left or right to switch between pages. A page indicator shows which page they are on. Images will be sized automatically based on the available screen size and the number of rows/columns you specify.
In addition, when the menu is shown on the screen, the images on the first page will randomly fade in. When an image is clicked, that image will flip over and grow, revealing the new screen.
See demo videos at:
http://youtu.be/quyygzDtKGMhttp://youtu.be/sToCHnzbaPwVersion History
------------------------
1.0 - Initial Release
1.1 - Added support for double-flipping images on click
1.2 - Added support for using the left-swipe gesture to go back
1.3 - Bug fix
iOS Project (3.0 projects only)
------------------------
CR_gridMenu_tapGestureRecognizer.h
CR_gridMenu_tapGestureRecognizer.m
CR_paged_menu.h
CR_paged_menu.m
Android Project
------------------------
Not supported at this time. Android support will likely come, but may not include all the bells and whistles.
JSON Data
------------------------
{"itemId":"gridMenu","itemType":"CR_paged_menu","navBarStyle":"solid","backgroundColor":"#000","rowsPerScreenSmallDevice":"3","colsPerScreenSmallDevice":"2","doubleFlip":"YES","childItems":[
{"itemId":"pic1","imageLocation":"people.jpg","loadScreenWithItemId":"52474BA2AD83D9FA08DD804"},
{"itemId":"pic2","imageLocation":"faces.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic3","imageLocation":"doctor.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic4","imageLocation":"doctors.jpg","loadScreenWithItemId":"DBF419A91D9EEB0C4374A81"},
{"itemId":"pic5","imageLocation":"evil.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic6","imageLocation":"woman.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic7","imageLocation":"meeting.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic8","imageLocation":"pens.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic9","imageLocation":"friends.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic10","imageLocation":"college.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic11","imageLocation":"phone.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic12","imageLocation":"bags.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic13","imageLocation":"family.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic14","imageLocation":"baby.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"},
{"itemId":"pic15","imageLocation":"people.jpg","loadScreenWithItemId":"90321AB0202EA00781F6E88"}
]},