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.001d.tar.gz (34.6 kB view details)

Uploaded Source

File details

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

File metadata

File hashes

Hashes for django_fotorama-0.001d.tar.gz
Algorithm Hash digest
SHA256 a9a8f2712914f2f8422e94cf8ecbcc0b80e411179f67ce30f5d1ece54f59b35f
MD5 217f46b230b4dde258ed7534da714723
BLAKE2b-256 bd54fd0c0986958c274610190a3cd62f7a70182b49b1f14481b8f0adce557f06

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