We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Hyperlinks within Rotator control

Hello, 

Is there a way to have the current image displayed in a rotator control be a hyperlink to an external website?  We would also want each image to have a different link?

Thanks,
Doug Matulis

3 Replies

SP Sunil Prabakar C Syncfusion Team June 27, 2013 08:53 AM UTC

Hi Doug,

 

Thanks for contacting Syncfusion support.

 

To achieve hyperlink for required image in “Rotator” control, design required list items inside  <a rel='nofollow' href=””> tag. Please refer the following code snippet.

 

<Code>

 

[View]

 

<ul id="rotatoritems" class="visibleHide">

        <li>

         <a rel='nofollow' href="http://google.com">  <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/1.jpg")' width="110" height="100"/></li></a>

        <li>

         <a rel='nofollow' href="http://yahoo.com">   <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/2.jpg")' width="110" height="100"/></li></a>

        <li>

        <a rel='nofollow' href="http://gmail.com">    <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/3.jpg")' width="110" height="100"/></li></a>

        <li>

         <a rel='nofollow' href="http://ymail.com">   <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/4.jpg")' width="110" height="100"/></li></a>

        <li>

         <a rel='nofollow' href="http://syncfusion.com">   <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/5.jpg")' width="110" height="100"/></li></a>

        <li>

            <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/6.jpg")' width="110" height="100"/></li>

        <li>

            <img src='@Url.Content("~/Content/SyncfusionImages/Rotator/7.jpg")' width="110" height="100"/></li>

</ul>

 

 

@Html.Syncfusion().Rotator("rotatoritems").Height(100).Width(110).ItemHeight(100).ItemWidth(110).Circular(true)

 

 

</Code>

 

Kindly let us know, if you have any other queries.

 

Thanks & Regards

Sunil Prabakar C


DM Doug Matulis June 27, 2013 08:03 PM UTC

Hi Sunil,

Thanks for your reply.  I had thought about using the hyperlink tag in the Razor code as you suggest and this does work.  Perhaps I could have asked my question a little more clearly. We are looking for a more dynamic approach where the link is not coded.  I was wondering there there was a way for the rotator to get /use the link address from the image properties/exif data?  Or perhaps is there a way to bind to a database table or something.  Our desire is to able to just update image files in a server directory and have them picked up and used dynamically.

Thanks,
Doug


SP Sunil Prabakar C Syncfusion Team June 28, 2013 12:32 PM UTC

Hi Doug,

 

We regret for inconvenience caused.

We have confirmed that the issue with “Hyperlinks within Rotator control not working when image load dynamically” is a defect and we have logged a defect report.

 

Please create a DT incident for your query so that we can update you accordingly.

 

You can create the DT incident from the following link.

http://www.syncfusion.com/account/dashboard

 

In the interests of maintaining confidentiality, we have a policy of not sharing proprietary customer specific information in the public Forum.

 

Kindly let us know, if you have any other queries.

 

Thanks & Regards

Sunil Prabakar C


Loader.
Live Chat Icon For mobile
Up arrow icon