Node Gallery: Photo Gallery in Drupal
Creating a photo gallery is the same as with most things in Drupal: there are many different ways to reach your goal.
In this tutorial we’re going to show you the quickest and easiest way: using the Node Gallery module.
Install Node Gallery
- Node Gallery: http://drupal.org/project/node_gallery
- Lightbox2: http://drupal.org/project/lightbox2
- Image Cache: http://drupal.org/project/imagecache
- Image API: http://drupal.org/project/imageapi
Upload those module folders to /sites/all/modules/ and then go to Administer >> Site Building >> Modules to enable them.
Create the Photo Gallery
In your Drupal site, click Create Content >> Gallery.
You’ll be prompted to set up a node, just as per normal. The only difference is that this node will serve to hold all your photos in a particular gallery. When you’ve given a name and description for the photo galley, click Save.
You’ll now be taken to the finished node. Click on “Upload Images” you’ll be prompted to do just that.
Once you’ve selected the images, click “Submit Images”.
When you’re finished, the node will look like the screenshot above.
If you click on the photos, you’ll see a screenshot like the one below with large versions of the image plus Previous / Next buttons.
Gallery Layout
Node Gallery will also automatically create a menu link to a list of all the galleries.
Configuring Node Gallery
The sizes and modifications performed on all the images are controlled by the ImageCache module that we uploaded earlier. Go to Administer >> Site Building >> Blocks and you’ll see three different options:
- node-gallery-cover
- node-gallery-display
- node-gallery-thumbnail
ImageCache uses these presets to automatically create the cover images, main display images and the thumbnails. If you click on “Edit” you can change the size of all these defaults.
More settings are also available from Site Configuration >> Node Gallery
{loadposition drupalnewsletter}
Is there a way to bulk upload and import images to this type of gallery? What about integration with desktop software like Picasa etc?
Hi icekin – yes to bulk upload, no to Picasa (as far as I know)
Almost a good tutorial. By default the files get uploaded into the sites/default/files folder. Although the ImageCache module looks in the sites/default/files/imagecache folder. How can this be corrected?
hey ,its gud
its wrkng bt for anonomeous user it is not showing any link to open gallery plz suggest me something wht to do wth this
Hi priyanka
Have you gone to User Management >> Permissions and given them access to the see the Node Gallery?
I created a new Drupal installation for this tutorial. After uploading the selected pictures, none of the pictures are displayed. Is a there specific configuration required to get this working?
Hi David
Can you try using the Webdeveloper toolbar for Firefox. That has a “Find Broken Images” link that will help you to see where Drupal is looking for the photos.
I am also having a problem uploading like David2010. The images upload directly into sites/default/files instead of into ../files/imagecache/
Can anyone help tell me how to fix this problem?
Hi Ryan,
Sorry for the delay in responding. It’s difficult for us to do any tracking and support in the comments and the forum is the ideal place for support requests. If you post this in our Drupal forum, we can answer it there within 24 hours.
Kind regards,
Nick
Hello, thank you for this nice and useful tutorial, I would like to ask if there’s anyway that I can change the view of my galleries and images, e.g. view 3 galleries or 3 images in one row so they look like a gallery 🙂 thank you
Hi Aubada,
Sorry for the delay in responding. It’s difficult for us to do any tracking and support in the comments and the forum is the ideal place for support requests. If you post this in our Drupal forum, we can answer it there within 24 hours.
Kind regards,
Nick
hello, thank you for nice tutorial,but is there any answer’s link like that explained Aubada? thank you
Hi Nurdinn,
Sorry for the delay in responding. It’s difficult for us to do any tracking and support in the comments and the forum is the ideal place for support requests. If you post this in our Drupal forum, [url=http://www.ostraining.com/forum]www.ostraining.com/forum[/url], we can answer it there within 24 hours.
Kind regards,
Nick
Thank you for the tutorial. How do I arrange the thumbnails in columns? you can explain me step by step? not know much about drupal.
Thanks a lot. Regards from Spain
Hi Mario,
Sorry for the delay in responding. It’s difficult for us to do any tracking and support in the comments and the support forum is the ideal place for support requests. If you post this in our Drupal forum, [url=http://www.ostraining.com/forum]www.ostraining.com/forum[/url], we can answer it there within 24 hours.
Kind regards,
Nick
The node gallery works great, but one problem. The node_gallery_thumbnail is cropped. How do I configure the thumbnail to not be cropped, just scaled. In other words, I want the thumbnails to be scaled but maintain the original aspect ratio. If there’s a forum that might help me with this, can you point me to it? Thanks.
Hi Dave,
Try in either:
Site Configuration >> Node Gallery
or:
Administer >> Site Building >> Blocks
Kind regards,
Nick
Hi, I have installed the node gallery and it is working fine. My question is how to make the images appear in lightbox instead of displaying it as page?
Regards,
Hi Mohannad,
You can try using lightbox2 module:
[url=http://drupal.org/project/lightbox2]http://drupal.org/project/l…[/url]
Kind regards,
Nick
Hi Nick,
I have fixed this issue by editing the relationship in node gallery to use lightbox module.
Thanks for your help.
Mohannad
How did you create the view at the top of the tutorial? One large image with smaller nave images below.
I installed Node Gallery, but I still don’t have a “Gallery” content type showing up. I’ve removed and reinstalled the module after deleting all other unrelated modules associated with image galleries, but still nothing. IS there a way to manually create this image type, and if so, what are the settings? Thanks.
Hi, first of thanks you for the tutorial, however i am facing a dilemma as the module does not let me enable it.i kept ticking the the check box but nothing happened . it does not check. uninstall reinstall, cleared cache several times but nothing. Please really need to fix this issue.
many thanks
Hi everyone,
Sorry for the delay in responding. Our apologies for the inconvenience, but if you’re a student at OSTraining, could you copy and paste this into the support forum so one of our support techs can look into it for you? All you have to do is log in at [url=http://www.ostraining.com]www.ostraining.com[/url] and click on Support Forum in the main menu. Here’s the direct link too: [url=http://www.ostraining.com/support-forum]www.ostraining.com/support-…[/url]
It’s tough keeping track of all the blog comments as we have hundreds of blog posts so that’s why we have a support forum available to our students to help organize things both for the students and ourselves.
Please see the support FAQ for more information:
[url=http://www.ostraining.com/support-faq/]http://www.ostraining.com/s…[/url]
Thanks for understanding!
Kind regards,
Nick
Hi..
Thanks for ur tutorials.
i get it , anyway.
Thanks.
Hi nice tutorial, but I keep getting errors:
Error: Display embed_1 refers to a plugin named ’embed’, but that plugin is not available.
pls help?
thanks