Skip to main content

Django app for lazyload static files (img files)

Project description

django-remdow

Simple Django app for static files (img files):

  • Download external images
  • To center images
  • Lazy load images

Install

pip install django_remdow

Add 'django_remdow', to INSTALLED_APPS:

INSTALLED_APPS = [
    ...
    'django_remdow',
    ...
]

Usage

remdow app contains different filters and tags. You can activate them with line in your template:

# example.html

{% load remdow %}

Download external images

If you have model with HTML content which contains external images, you can download external images to local folder and receive static with help nginx:

Use filter img_local:

{{ '<img src="http://placehold.it/350x150"><img src="http://placehold.it/350x150">'|img_local }}

This filter parse HTML code, finds img tag, parses urls and then downloads image to local folder, and finally, replaces img url to local url.

Lazy images

You can use layzr.js for lazy loading images.

Load lazy script:

{% lazy_script_include %}

And use filter img_lazy:

{{ '<img src="http://placehold.it/350x150">'|img_lazy }}

Center images with Bootstrap

Filter img_center centers all images

{{ '<img src="http://placehold.it/350x150">'|img_center }}

Filter adds class center-block to all img tags

Image responsive with Bootstrap

Filter img-responsive responsives all images

{{ '<img src="http://placehold.it/350x150">'|img_responsive }}

Filter adds class img-responsive to all img tags

Download files

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

Source Distribution

django-remdow-0.0.7.tar.gz (4.8 kB view hashes)

Uploaded source

Built Distribution

django_remdow-0.0.7-py2.py3-none-any.whl (4.8 kB view hashes)

Uploaded py2 py3

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