If you will use your image slider only on one page, the best way to do slider is to use Archetype at backend I think.
Do you know Archetype?
Archetype is an Umbraco 7 property editor that wraps other installed property editors. By wrapping the other properties, Archetype allows for custom and repeatable fieldset mashups.
Image slider
Hi
As I'm new to Umbraco can anyone advise on a good, walked through example of how to build an image slider in Umbraco please?
The sort of thing you see on home pages with a few looped through images and possible text overlay would be perfect!
If there is a good tutorial that I could follow then that would be perfect.
Thanks Graham
Hi Graham,
Do you know Archetype?
Archetype is an Umbraco 7 property editor that wraps other installed property editors. By wrapping the other properties, Archetype allows for custom and repeatable fieldset mashups.
Download at - https://our.umbraco.org/projects/backoffice-extensions/archetype
When Archetype is installed, next step is to create custom Datatype, look documentation how to create custom datatype - https://our.umbraco.org/documentation/getting-started/data/data-types/#creating-a-new-data-type, use Archetype as property editor and add all fields what you want for slider. For example - image(media picker), header(textstring), description(textarea)
Add new datatype to the home page doctype
Add content to home page Slider property
Render data in razor, look how to render archetype properties at - https://gist.github.com/kgiszewski/8863822
Hope it will help you, ask ask ask if something isn't clear.
Thanks,
Alex
Hi Alex - thank you so much - I will give it a try!
Best wishes
Graham
Hi Graham,
And get back to me with a result.
/Alex
Try this tutorial
http://24days.in/umbraco-cms/2014/grid-macros/
and I've seen others use it with Slick Carousel because it is easy to configure...
http://kenwheeler.github.io/slick/
https://github.com/kenwheeler/slick/
is working on a reply...