giving a link for each images on Carousel Mode

2 posts, 1 answers
  1. adam_right
    adam_right avatar
    7 posts
    Member since:
    May 2007

    Posted 31 Jul 2010 Link to this post

    hi all,

    demo address is:
    http://demos.telerik.com/aspnet-ajax/rotator/examples/carouselmode/defaultcs.aspx

    in that rotator control with Carousel Mode , can i add click event for each image to send visitors to specific links...
    suppose that, there will be 10 product images in rotator  and if the visitor will click any of these pictures, he will go product page.

    is it possible ?
  2. Answer
    Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 02 Aug 2010 Link to this post

    Hi Adam,

    Here is the code of RadRotator taken from the Carousel Mode demo:

    <telerik:RadRotator ID="RadRotator1" runat="server" Width="810px" ItemWidth="300"
                    Height="350px" ItemHeight="220" ScrollDuration="500" FrameDuration="2000"
                    PauseOnMouseOver="false" RotatorType="CarouselButtons">
                    <ItemTemplate>
                        <asp:Image ID="Image1" runat="server" ImageUrl='<%# Container.DataItem %>' AlternateText="<%# VirtualPathUtility.GetFileName(Container.DataItem.ToString()) %>" />
                    </ItemTemplate>
    </telerik:RadRotator>


    All you need to do is to replace the <asp:Image> server control with for example an <asp:ImageButton> control that will be clickable and load the URL of the selected image in the carousel in new browser window.

    Sincerely yours,
    Rumen
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top