velingeorgiev / django-photo-gallery Goto Github PK

View Code? Open in Web Editor NEW

198.0 8.0 66.0 33.97 MB

Responsive Django Image Gallery Site Sample optimized for performance and mobile devices

License: Apache License 2.0

Python 1.51% JavaScript 66.74% CSS 30.72% HTML 1.03%

django-photo-gallery django django-imagekit python album

django-photo-gallery's Introduction

Django Photo Gallery Sample

Summary

This sample contains a Django 2.0.x Image Gallery Site. The album images are optimized for performance. The Django Photo Gallery Sample is responsive and mobile/device friendly.

Create an album from the Django admin panel

Albums can be created from the Django admin panel where one zip file with all the images should be selected from the PC. The Django Photo Gallery will resize the images to improve the picute load times and will also create thumbnail for every image in the zip.

Tested with Django / Python

Additional Django apps dependencies

Pillow
django-imagekit

Additional JavaScript apps dependencies

jquery
photoswipe

Prerequisites

Django-Python development environment already set up.
virtualenv installed.

Solution

Solution	Author(s)
Django Photo Gallery	Velin Georgiev (@VelinGeorgiev)

Version history

Version	Date	Comments
0.0.1	April 30, 2017	Initial commit
0.0.2	April 06, 2018	Updated to python 3.6 and Django 2.0.4
0.0.3	December 31, 2018	Updated to Django 2.1.4 and Django-material 1.4.3
0.0.4	July 19, 2019	Updated to Django 2.2.3

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Minimal Path to Awesome

Clone this repository.
Open the command line, navigate to the django app folder and execute:
- virtualenv env (requires virtualenv), Mac virtualenv yourenv -p python3.6
- Linux: source env/bin/activate, Windows: call env/Scripts/activate.bat, Mac source env/bin/activate
- navigate to the django_photo_gallery folder using cd django_photo_gallery
- execute pip install -r requirements.txt or pip3 install -r requirements.txt depending on your python installation.
- If the Pillow fail to install on Windows, then install it manually pip install ../whl/Pillow-5.0.0-cp36-none-win32.whl (if you are not using python 3.6 32 bit then download the Pillow wheel for your python version).
- Run python manage.py migrate or python3 manage.py migrate
- Run python manage.py runserver or python3 manage.py runserver depending on your python installation
- Open http://127.0.0.1:8000/ in web browser.
- To access the admin forms go to http://127.0.0.1:8000/admin/ and enter user: admin, password: administrator

Features

This Sample illustrates the following concepts on top of the Django Framework:

Using django-material and materializecss for building Django UI.
Using django-imagekit for building resizing images.
Using photoswipe javascript library for more rich image gallery user experience.

Control the image size and quality

The picture size and quality can be controlled programatically from the models.py. Just change the processors. For more information see django-imagekit.

class AlbumImage(models.Model):
    image = ProcessedImageField(upload_to='albums', processors=[ResizeToFit(1280)], format='JPEG', options={'quality': 70})
    thumb = ProcessedImageField(upload_to='albums', processors=[ResizeToFit(300)], format='JPEG', options={'quality': 80})
    ...

Sample data cleanup

To cleanup the sample data delete the sql lite database and the media folder files. Create new database and run the sample again.

No validation on the form

This is sample. I decided to keep it simple and let the validation to be added by you.

Sharing is Caring

Star if you like it :)

django-photo-gallery's People

Contributors

Stargazers

Watchers

django-photo-gallery's Issues

Customise the gallery

Hello, I am trying to make a gallery for a collection of images. Where should I upload the new images, and what changes should I make to the code so that the name, text description and thumb display is changed in the home screen.
Thanks in advance.

ImportError: cannot import name 'autodiscover'

Hey. I have installed all requirements, but every time i try to run python magage.py runserver I get this Exception. What can I do?

` File "C:\Users\DAVIDW~~1\PYCHAR~~1\DJANGO~~1\GLANGO~~1\lib\importlib_init_.py", line 126, in import_module
return _bootstrap._gcd_import(name[level:], package, level)
File "", line 994, in _gcd_import
File "", line 971, in _find_and_load
File "", line 955, in _find_and_load_unlocked
File "", line 665, in _load_unlocked
File "", line 678, in exec_module
File "", line 219, in call_with_frames_removed
File "C:\Users\DAVIDW~~1\PYCHAR~~1\DJANGO~~1\GLANGO~~1\lib\site-packages\imagekit_init.py", line 3, in
from . import generatorlibrary
File "C:\Users\DAVIDW~~1\PYCHAR~~1\DJANGO~~1\GLANGO~~1\lib\site-packages\imagekit\generatorlibrary.py", line 1, in
from .registry import register
File "C:\Users\DAVIDW~~1\PYCHAR~~1\DJANGO~~1\GLANGO~~1\lib\site-packages\imagekit\registry.py", line 3, in
from .utils import autodiscover, call_strategy_method

ImportError: cannot import name 'autodiscover'
`
Thanks.
David

Click on thumbnail not showing full picture on the site

Tested with Python 3.6.0 and 3.6.1

Using the example application, and from the admin zone, I uploaded images and linked them to a gallery (either new or existing one).

In the admin zone, and from the Change form of. the image, both the full image and the thumbnail are visible via their respective links. But in the site, a click on the thumbnail doesn't show the full image.

Addition of new image and link to existing album

Display both thumbnail and full image

Thumbnail correctly displayed on the site

But not displayed in full size

how to upload multiple images without zip files

Can't Upload Zip to the Albums

so all is fine, but when i try to uppload my archieve.zip i got this error.
do you know why?

Request Method:	POST
http://127.0.0.1:8000/admin/app/album/6/change/
2.0.4
OSError
cannot identify image file <ContentFile: Raw content>
/usr/local/lib/python3.6/site-packages/PIL/Image.py in open, line 2585
/usr/local/opt/python/bin/python3.6
3.6.5
['/Users/Desktop/django-photo-gallery/django_photo_gallery', '/usr/local/Cellar/python/3.6.5/Frameworks/Python.framework/Versions/3.6/lib/python36.zip', '/usr/local/Cellar/python/3.6.5/Frameworks/Python.framework/Versions/3.6/lib/python3.6', '/usr/local/Cellar/python/3.6.5/Frameworks/Python.framework/Versions/3.6/lib/python3.6/lib-dynload', '/Users/Library/Python/3.6/lib/python/site-packages', '/usr/local/lib/python3.6/site-packages', '/usr/local/lib/python3.6/site-packages/email-6.0.0a1-py3.6.egg', '/usr/local/Cellar/numpy/1.14.3_1/libexec/nose/lib/python3.6/site-packages']
Thu, 2 Aug 2018 17:34:32 +0000