Portal Engine Questions on portal engine and web parts.
Version 7.x > Portal Engine > JQuery image slider View modes: 
User avatar
Member
Member
eng.rupalikulkarni-gmail - 11/19/2012 10:04:10 AM
   
JQuery image slider
Hi,

I want to create Image slider webpart where in if i click on the thumbnails below the slider it should show me the big picture at slider.

The requirement is i should fetch all the thumnail images from respective folders in kentico.

For this functionality can i use repeater webpart ? If yes how? Or do i need to develope custom webpart ?

If its custom webpart can you please give me some directions how should i implement it?

Thanks!

User avatar
Kentico Legend
Kentico Legend
Accepted solutionAccepted solution
Brenden Kehren - 11/20/2012 1:33:31 PM
   
RE:JQuery image slider
Yes a repeater webpart will work. Start by creating a folder under the page you'd like the slider on.

Next upload your images to that folder.

Third, create a transformation to display the images in SiteManager>Development>Document Types>File>Transformations.

Your transformation could be as simple as this:
  <li>		
<img alt="<%# Eval("FileName") %>" src="<%# GetDocumentUrl() %>" />
</li>

Lastly, add the repeater webpart to your page and set the Content Path to the Folder you created in step 1. (i.e.: /Home/SliderImages/%). Set the Content Filter to only get teh CMS.File Document Types. Set the Transformation name to your newly created transformation (i.e.: CMS.File.MySlider). Set the HTML Envelope Content Before and After to <ul id="IdName" class="ClassName"> </ul>. And last but not least, create your jQuery function to look for that UL's ID and do what it needs to in order to slide and display a popup.

User avatar
Member
Member
eng.rupalikulkarni-gmail - 11/21/2012 9:25:27 AM
   
RE:JQuery image slider
Hi,

It did work, Thank you very much for your help.

Thanks!