Dynamic Content Slider

[mr.bacan]

Hi, I was recently asked by a client the possibility to add a Content Slider to CMSMS.

I then found this http://www.dynamicdrive.com/dynamicinde ... slider.htm which I think is exactly what the client needs.

It was very easy to adapt it to my design by modifying the CSS. The integration part is what I'm struggling with, I don't know where to start. I suppose it should work with UDT's, but I'm not a programmer, so it's been a little hard for me.

Thanks in advance for any help on this.

[Wishbone]

I've been using SlidesJS for my content sliders, but almost any JavaScript library is easily integrated into CMSMS.

You can use the Gallery module to integrate it. Create a new template, replace the CSS with your custom css and switch out the Javascript and use what's needed for your slider.

Create a custom field for URL if you want it clickable. You can use the built in fields 'title' and 'comment' for any text overlays that you might need.

In the top section of the Gallery template, replace it with the HTML and smarty code you would need to integrate the images with your silder HTML. Use $image->thumb instead of $image->file, since you can set the thumbnail size to any size your slider requires. Set the mode to 'Crop'.

The client can upload files at any size (within reason), and Gallery will resize and crop, and populate the HTML with your slider content. The client can easily change text, URLs and re-order (drag-and-drop)

Let me know and I can whip up an example.

[applejack]

There are loads of interesting jQuery slideshows out there these days far more so than the one on dynamic drive where you can include html overlays and numerous other effects and transitions.

For some inspiration take a look at http://codecanyon.net/searches?term=sli ... type=files

[mr.bacan]

@Wishbone
Thanks for the suggestion, but what I'm looking for is not a Gallery or Images Slider, but a way to integrate a Content Slider.

I need the content (text, images, etc.) of a page to change with some kind of transition by clicking on the menu items, without leaving the page.

@applejack
The link you posted is very inspirational. Thanks.

[govicinity]

This one is rather nice, you could have a look and see what you think:

Demo:
http://demo.i-arts.eu/news-jquery-cycle-slider

Tutorial:
http://www.i-do-this.com/blog/21/Create ... cle-plugin

[applejack]

Just make the content blocks for each element you require in a page template. It is simple.

[mr.bacan]

Just make the content blocks for each element you require in a page template. It is simple.

That's a good solution, but what if I need it to interact with different pages instead of just the content of one page?

[mr.bacan]

@govicinity
I tried that and works great with the news module, but didn't get it to work with pages.

Thanks for the suggestion.

[applejack]

Re: That's a good solution, but what if I need it to interact with different pages instead of just the content of one page?

Take a look at CGSimpleSmarty

[Wishbone]

Use the MenuManager template to generate your navigation, then at the appropriate place in your design, use another MenuManager template to generate the <div>'s to 'slide' containing the pages' content. As applejack mentioned above, CGSimpleSmarty provides an easy way to grab content from pages.

If you have a lot of content, you might want to use a slider that has AJAX capability, so all the data doesn't get loaded at once.