RadImageGallery - Telerik ASP.NET ImageGallery

INTERNATIONAL UNIVERSITY

Main Image

Item 1 of 10
 

Welcome to International University

The mission of International University is to provide knowledge and educate students in science, technology, and other areas that will best serve the world and society in the 21st century. The Institute is committed to generate, disseminate, and preserve knowledge, and to present this knowledge to the world's great challenges.
Isolate this demo as a stand-alone application
  • About this demo
  • C#
  • VB

This example illustrates how easy and quick it is to bind RadImageGallery to a static collection of images and enable the rich set of animations. If you set the animation ”Type” property to “Random”, the end-user will see a different animation every time they select an image. The “Easing” and “Speed” properties enable you to set the easing type and animation duration. In addition the control supports full-screen mode which is great for viewing large images.

About RadImageGallery for ASP.NET AJAX

Telerik ASP.NET Image Gallery control enables developers to rapidly display collections of images by writing little to no code. The control features built-in paging, navigation, and a set of beautiful animations for a nice user experience. The ASP.NET Image Gallery supports multiple ways for binding depending on the available data source for the project.

RadImageGallery and 90+ other controls are part of UI for ASP.NET AJAX, a comprehensive toolset taking care of the common functionality of your application, while leaving you with more time to work on its business logic.

You can examine the following beautiful application to see a real-case implementation of RadImageGallery:
TripXpert Sample Application

Key Features

  • Six different ways to display collections of images
  • Integrated paging and navigation
  • Rich set of animations
  • Data binding on the server or the client
  • Slideshow functionality
  • Full screen support
  • Automatic thumbnail generation
  • Mobile support and responsive behavior
  • Full screen view support
  • Rich client-side and server-side API
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.ImageGalleryExamples.Overview.DefaultCS"  %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.QuickStart" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link href="styles.css" rel="stylesheet" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container">
        <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1">
            <h2 class="Heading">INTERNATIONAL UNIVERSITY
            </h2>
            <telerik:RadImageGallery RenderMode="Lightweight" runat="server" ID="RadImageGallery1" Height="473px" DisplayAreaMode="Image">
                <Items>
                    <telerik:ImageGalleryItem Description="International University is dedicated to provide its students with an education that combines rigorous academic
                    study and the excitement of discovery with the support and intellectual stimulation of a diverse campus community."
                        ImageUrl="Images/1.jpg" Title="International University" ThumbnailUrl="Thumbnails/1.jpg" />
                    <telerik:ImageGalleryItem Description="The library welcomes students from all subject areas. It’s facilities offer wonderful gathering places to pursue scholarly
                    research, to learn about and use information technology, to write or to study."
                        ImageUrl="Images/2.jpg" Title="University Library" ThumbnailUrl="Thumbnails/2.jpg" />
                    <telerik:ImageGalleryItem Description="Library’s extensive collections are ideal for in-depth research, and there are several large reading rooms perfect for private study."
                        ImageUrl="Images/3.jpg" Title="Study Spaces" ThumbnailUrl="Thumbnails/3.jpg" />
                    <telerik:ImageGalleryItem Description="There are an amazing number of student music societies, choirs, and orchestras to join, or just to listen to. 
                    TIU has its own musical society, and if you cannot find one that suits your taste you can create one."
                        ImageUrl="Images/4.jpg"
                        Title="Extra-curricular activities" ThumbnailUrl="Thumbnails/4.jpg" />
                    <telerik:ImageGalleryItem Description="There is a student union supported by the University - the Graduate Union. It provides advice, information, 
                    resources, and support on all matters of student life."
                        ImageUrl="Images/5.jpg" Title="The Graduate Union" ThumbnailUrl="Thumbnails/5.jpg" />
                    <telerik:ImageGalleryItem Description="Departmental and faculty libraries hold books that support learning and research in subject areas taught at International 
                    University, including books from reading lists."
                        ImageUrl="Images/6.jpg" Title="Departments and Faculty Libraries" ThumbnailUrl="Thumbnails/6.jpg" />
                    <telerik:ImageGalleryItem Description="The Information Services supports students teaching and research, providing access to a rich and diverse collection. The graduate
                    students have many privileges and job opportunities in leading companies after their graduation."
                        ImageUrl="Images/7.jpg" Title="Services for Graduate Students"
                        ThumbnailUrl="Thumbnails/7.jpg" />
                    <telerik:ImageGalleryItem Description="There are countless opportunities to join the University sport club. There are sports teams in various fields and all have 
                    excellent facilities and friendly competitive spirit."
                        ImageUrl="Images/8.jpg" Title="Sport and fitness" ThumbnailUrl="Thumbnails/8.jpg" />
                    <telerik:ImageGalleryItem Description="International University Campus is located in the west end of Sofia, 3 miles from the city centre. This is where you will
                    find our grand main building and many of the University’s teaching and research facilities."
                        ImageUrl="Images/9.jpg" Title="Main Campus" ThumbnailUrl="Thumbnails/9.jpg" />
                    <telerik:ImageGalleryItem Description="Core Labs and Major Facilities are available to support the research of faculty, scientists and graduate students both on campus and 
                    with regional and international collaborators."
                        ImageUrl="Images/10.jpg" Title="Core Labs and Major Facilities" ThumbnailUrl="Thumbnails/10.jpg" />
                </Items>
                <ThumbnailsAreaSettings Mode="ImageSliderPreview" />
                <ToolbarSettings ShowSlideshowButton="false" />
                <ClientSettings>
                    <AnimationSettings SlideshowSlideDuration="3000">
                        <NextImagesAnimation Type="Blocks" Easing="EaseOutSine" Speed="2500" />
                        <PrevImagesAnimation Type="Blocks" Easing="EaseOutSine" Speed="2500" />
                    </AnimationSettings>
                </ClientSettings>
            </telerik:RadImageGallery>
            <div class="Info">
                <h3>Welcome to International University
                </h3>
                <span>The mission of International University is to provide knowledge and educate students in science, technology, and other areas that will best serve the 
                world and society in the 21st century. The Institute is committed to generate, disseminate, and preserve knowledge, and to present this knowledge to the world's 
                great challenges.
                </span>
            </div>
        </telerik:RadAjaxPanel>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance

Help Us Improve

Was this example helpful?