Node Gallery: Photo Gallery in Drupal

tutuploadsmedia_1289929501315.png

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

tutuploadsmedia_1289929501315.png
  In order to install Node Gallery, we’ll need to download and install four different modules:

Upload those module folders to /sites/all/modules/ and then go to Administer >> Site Building >> Modules to enable them.

Create the Photo Gallery

tutuploadsmedia_1289930181248.png

In your Drupal site, click Create Content >> Gallery.

tutuploadsmedia_1289930246228.png

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.

tutuploadsmedia_1289930266540.png

You’ll now be taken to the finished node. Click on “Upload Images” you’ll be prompted to do just that.

tutuploadsmedia_1289930353113.png

Once you’ve selected the images, click “Submit Images”.

tutuploadsmedia_1289930467950.png

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.

tutuploadsmedia_1289930484245.png

Gallery Layout

tutuploadsmedia_1289931726555.png

Node Gallery will also automatically create a menu link to a list of all the galleries.

Configuring Node Gallery

tutuploadsmedia_1289931896725.png

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}

Author

  • Robbie Adair

    Robbie started her career in corporate training until starting her own custom training and media company almost seventeen years ago. In 2010, she began doing classroom training for OSTraining while running Media A-Team. She is often presenting about various tech topics such as Joomla, Fabrik, Web Development, Social Media, and Augmented Reality. She loves seeing that "ah-ha" moment in peoples eyes in her sessions and workshops. She lives in Houston, Texas, but enjoys all the travel for client work and speaking gigs.

0 0 votes
Article Rating
Subscribe
Notify of
27 Comments
Oldest
Newest
Inline Feedbacks
View all comments
icekin
icekin
13 years ago

Is there a way to bulk upload and import images to this type of gallery? What about integration with desktop software like Picasa etc?

Steve Burge
Steve Burge
13 years ago
Reply to  icekin

Hi icekin – yes to bulk upload, no to Picasa (as far as I know)

David2010
David2010
13 years ago

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?

priyanka
priyanka
13 years ago

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

Steve Burge
Steve Burge
13 years ago
Reply to  priyanka

Hi priyanka

Have you gone to User Management >> Permissions and given them access to the see the Node Gallery?

David2010
David2010
13 years ago

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?

Steve Burge
Steve Burge
13 years ago
Reply to  David2010

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.

Ryan1978
Ryan1978
13 years ago

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?

Nick
13 years ago
Reply to  Ryan1978

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

Aubada
Aubada
13 years ago

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

Nick
13 years ago
Reply to  Aubada

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

nurdinn
nurdinn
13 years ago

hello, thank you for nice tutorial,but is there any answer’s link like that explained Aubada? thank you

Nick
12 years ago
Reply to  nurdinn

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

Mario
Mario
13 years ago

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

Nick
12 years ago
Reply to  Mario

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

webzilloid
webzilloid
12 years ago
Reply to  Nick Savov

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.

Nick
12 years ago
Reply to  webzilloid

Hi Dave,

Try in either:

Site Configuration >> Node Gallery

or:

Administer >> Site Building >> Blocks

Kind regards,

Nick

Mohannad
Mohannad
12 years ago

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,

Nick
12 years ago
Reply to  Mohannad

Hi Mohannad,

You can try using lightbox2 module:

[url=http://drupal.org/project/lightbox2]http://drupal.org/project/l…[/url]

Kind regards,

Nick

Mohannad
Mohannad
12 years ago
Reply to  Nick Savov

Hi Nick,

I have fixed this issue by editing the relationship in node gallery to use lightbox module.

Thanks for your help.

Mohannad

Shawn
Shawn
12 years ago

How did you create the view at the top of the tutorial? One large image with smaller nave images below.

Sausage
Sausage
12 years ago

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.

moisea
moisea
12 years ago

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

Nick
12 years ago

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

phoo htoo
phoo htoo
11 years ago

Hi..

Thanks for ur tutorials.

i get it , anyway.

phoo htoo
phoo htoo
11 years ago

Thanks.

alf
alf
11 years ago

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

27
0
Would love your thoughts, please comment.x
()
x