Skip to main content

simple django-fotorama apps!

Project description

=====
Fotorama slider
=====

Фоторама слайдер - это простое приложение для Django,для интеграции js-css галереи Fotorama

Quick start
-----------

1. Добавьте fotorama в файл settings.py в кортеж INSTALLED_APPS::

INSTALLED_APPS = (
...
'fotorama',
)

2. В переменную FOTORAMA_CROP_SIZE - размер кропа для изображений::

FOTORAMA_CROP_SIZE = '600x300'

3. Запустите `python manage.py syncdb` для создании таблицы в базе данных.

Using
-----

1. Подгрузить CSS и JS файлы фоторамы с помощью шаблонных тегов из библиотеки fotorama, для работы необходим jquery::

{% load fotorama %}
<head>
...
{% fotorama_css %}
{% fotorama_js %}
</head>

2. В админской панели добавьте фотографии в слайдер

3. Вывести с помощью шаблонного тега fotorama_slider::

{% fotorama_slider %}

4. Для изменения стандартного шаблона фоторамы - измените /templates/fotorama/default.html::

{% load cropping thumbnail %}
<div class="fotorama" data-nav="thumbs">
{% for slide in slide_list %}
<a href="{% cropped_thumbnail slide 'cropping' %}"><img src="{% thumbnail slide.image '50x50' %}"></a>
{% endfor %}
</div>

5. Будут обновления!

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django_fotorama-0.001c.tar.gz (34.6 kB view details)

Uploaded Source

File details

Details for the file django_fotorama-0.001c.tar.gz.

File metadata

File hashes

Hashes for django_fotorama-0.001c.tar.gz
Algorithm Hash digest
SHA256 77c73d90d8c7b2e5aaf3cf82e64d8acfed8d7e8170289360c69683507bba4fe2
MD5 3a536ef84dd8517597160521165d2e3a
BLAKE2b-256 9a0bbfd7fccafeea5553b9e391175317b17c1c2d7a24d3f6d997deb91857921f

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page