For your requirement I could recommend the RadListView
control. It should allow you to easily accomplish the desired result. Please have a look at the following online demo, where a Image Gallery is created with RadListView control:
As for the different templates for different images, in my opinion a better approach would be to have one template for all image, but to handle the server-side ItemDataBound
event of the RadListView
for retrieving the relevant information (if the image is landscape or portrait) and to change the Width or Height properties of the container/control displaying the image.
Another possible approach would be to add different CSS classes to the wrapping container of the image in the PreRender
event, by traversing through each item.
Hope that helps.
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.