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.
Up arrow icon