Add simple slide functionality to your Mezzanine based website allowing for beautiful banners at the tops of pages.
- Run
pip install mezzanine-slides
- In
settings.py
addmezzanine_slides
to yourINSTALLED_APPS
above mezzanine apps. - Run createdb or syncdb, if running syncdb run migrate if you are using South.
- Modify your
base.html
template as described below.
We have two template options, fullscreen slides or standard slides. Include only one of the templates, css and js.
Add this to base.html
where you would like the slides to appear:
{% include "includes/standard_slides.html" %}
Include the CSS and JS in the compress areas of the base.html
template:
{% compress css %} ... <link rel="stylesheet" href="{% static "responsiveslides/responsiveslides.css" %}"/> {% endcompress %} {% compress js %} ... <script src="{% static "responsiveslides/responsiveslides.min.js" %}"></script> {% endcompress %}
Add this to base.html
where you would like the slides to appear:
{% include "includes/fullscreen_slides.html" %}
Include the CSS and JS in the compress areas of the base.html
template:
{% compress css %} ... <link rel="stylesheet" href="{% static "vegas/jquery.vegas.min.css" %}"/> {% endcompress %} {% compress js %} ... <script src="{% static "vegas/jquery.vegas.min.js" %}"></script> {% endcompress %}
Thanks to Viljami Salminen for ResponsiveSlides.js plugin and Jay Salvat for Vegas Background jQuery Plugin.
PWhipp: Enhanced to support Python 3