Quote:
|
Originally Posted by Katsu
What's the best option for a rotating banner? HTML5?
|
I use Flexslider a lot. I have for years.
http://flexslider.woothemes.com/
Here are the steps I take:
1. Download the zip and extract.
2. upload the flexslider.css to your skin's /css folder. upload the /fonts directory from the zip into this folder too.
3. edit customer/service_css.tpl in your skin folder to include the new CSS file.
4. create a template called flexslider.tpl in your skin. reference it in customer/main/welcome.tpl or wherever you want it to show up. add the html code for the sliders.
5. create a folder in your skin's images folder called slides. upload your slides here. reference them in your flexslider.tpl with {$AltImagesDir}/slides/thisslide.jpg
6. upload the jquery.flexslider.min.js to your skin's /js folder.
7. create a flexslider.js in the js folder too. add the initialization code for the slider there
8. edit your skin's customer/main/service_js.tpl to add the two new javascript files. copy the template over from common_files if it doesn't exist in your skin.
That's as detailed as I can be at the moment, hope it helps!