轻松地将幻灯片插入所有页面上的夹层网站。
mezzanine-slides的Python项目详细描述
夹层幻灯片
在基于夹层的网站中添加简单的幻灯片功能,允许 页面顶部有漂亮的横幅。
设置
- 运行pip install mezzanine-slides
- 在settings.py中,将mezzanine_slides添加到上面的INSTALLED_APPS中 夹层应用程序。
- 如果运行syncdb,请运行createdb或syncdb;如果使用的是south,请运行migrate。
- 按如下所述修改base.html模板。
模板
我们有两个模板选项,全屏幻灯片或标准幻灯片。包括 只有一个模板,css和js。
标准幻灯片
将此项添加到base.html,您希望幻灯片出现的位置:
{% include "includes/standard_slides.html" %}
在base.html模板的压缩区域中包含css和js:
{% compress css %} ... <link rel="stylesheet" href="{% static "responsiveslides/responsiveslides.css" %}"/> {% endcompress %} {% compress js %} ... <script src="{% static "responsiveslides/responsiveslides.min.js" %}"></script> {% endcompress %}
全屏幻灯片
将此项添加到base.html,您希望幻灯片出现的位置:
{% include "includes/fullscreen_slides.html" %}
在base.html模板的压缩区域中包含css和js:
{% 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 %}
学分
感谢Viljami Salminen为ResponsiveSlides.js插件和 Jay Salvat用于Vegas Background jQuery Plugin。
pwhipp:增强以支持python 3