Creating A Basic Image Gallery

Submitted by learnbythedrop on Fri, 12/19/2008 - 19:16

This video shows you how to create a very basic image gallery with Drupal by utilizing the Image and Thickbox contributed modules.

Video Links

YouTube Version

Flash Version

Quicktime Version

Bookmark or Share Post

learnbythedrop's blog
Login to post comments
17604 reads

Comments

Submitted by Thomas Fan (not verified) on Sat, 12/20/2008 - 09:38.

Video not found

Hi, there,

Your video not found, the error message showed.

Submitted by learnbythedrop on Sat, 12/20/2008 - 11:04.

I would try using the

I would try using the Quicktime link to download the video instead. Sometimes certain browser versions have problems with embedded flash.

Submitted by Rahul (not verified) on Tue, 08/11/2009 - 13:39.

i followed your instructions but everytime i upload an image , i cannot view it . I cant see the thumbnails or the originals . only the name of the image appears in place of the image. I have a deadline . HELP !!

Submitted by learnbythedrop on Tue, 08/11/2009 - 20:09.

Image Display

I always say that it's best not to try new things while on a deadline. Always seems to make things that much worse. That said, there are a few things to check. Look at the status report (admin/reports/status) and check to see if an image toolkit is installed and that the image module directory exists. Also check the image toolkit (admin/settings/image-toolkit) to make sure that it is "installed and working properly." If its not then try switching image toolkits. Those are just two things that you can check.

Submitted by rahul (not verified) on Wed, 08/12/2009 - 04:26.

i have checked them

Hi rob,

i've checked the status report as u said, they seem to be working fine. BUT the problem still persists. Actually the images worked for a while, and suddenly for no reason stopped loading on the screen. Any ideas on what may be causing the problem ?

Submitted by John Carreno (not verified) on Sun, 12/21/2008 - 19:01.

Good video, thanks

Pretty clear for anybody to learn. Keep up the good work.

John Carreno
www.drupalcarmen.com Drupal Video Tutorials

Submitted by Anonymous (not verified) on Sat, 01/03/2009 - 17:43.

can not set the category

I followed the video instruction. Finally when i insert new image content I can upload an image, but i can not set the image category (the image gallery drop down list does not appear). What should i do?
Thx

Submitted by learnbythedrop on Sat, 01/03/2009 - 17:59.

Check Taxonomy

Check to see if you have the core taxonomy module enabled. If it is not enabled then the image gallery category function won't work. You also must add the galleries as shown at the 7:20 mark in the video.

Submitted by Anonymous (not verified) on Sun, 01/04/2009 - 04:19.

I enabled the taxonomy

I enabled the taxonomy module. I tried to find the solution i and finally i found the mistake. Under the Admin/Content/Taxonomy i clicked the image gallery dictionary edit. I checked the Image on the content type. Now everything works fine. Thx.

Submitted by Alissa Jones (not verified) on Wed, 01/28/2009 - 00:07.

I tried it but thickbox isn't right

I followed your video, but when I click on an image in the gallery. Thickbox seems to try to run, but it never gets pass the progress bar. Am I just not waiting long enough? My site is on localhost right now. 6.9 Drupal version.

Thanks for any help!
Alissa

Submitted by learnbythedrop on Wed, 01/28/2009 - 08:54.

Maybe A Javascript Issue

It could be one of a few things but it is probably related to javascript. Thickbox might be conflicting with another module. It could also be an issue with the browser if you are using an older version of Internet Explorer. The thickbox issue queue over on Drupal.org would probably be the best place to get more detailed assistance.

Submitted by Alissa Jones (not verified) on Wed, 01/28/2009 - 09:01.

Thanks!

Yes, I checked Drupal. It seems to have something to do with setting Thickbox to load Original or Preview image. When set to Preview it doesn't seem to work, but when set to Original seems to be fine. For the Thickbox release for Drupal 5.x, there was a patch developed to fix this. So for some reason the problem seems to be back. I still found the video very helpful along with many of your others, so thank you!

Submitted by Anonymous (not verified) on Mon, 07/27/2009 - 19:19.

Also, it might be that the

Also, it might be that the image you uploaded is smaller than the size you set your image preview to be. I tried with an image that was smaller and an image that was larger, and the larger one loaded normally in thickbox.

Submitted by Matthew (not verified) on Sat, 01/31/2009 - 04:33.

How to delete Image Gallery

Hi,

Everything perfectly fine. Exactly like the tutorial.

Problem now is that I would like to remove a Gallery and there doesn't seem to be any means to do that..... Any advice?

Thanks

Matthew

Submitted by learnbythedrop on Sat, 01/31/2009 - 09:03.

You May Delete Galleries

Go to /admin/content/image. Then select the "edit gallery" link for the gallery that you want to delete. Scroll to the bottom of the resulting page in the edit gallery view. Click the delete button.

Submitted by Matthew (not verified) on Sun, 02/01/2009 - 00:25.

I was going to say, "I must

I was going to say, "I must have been smoking crack not to notice that!"

I don't know why I didn't see it there but anyway thanks.

Submitted by Anonymous (not verified) on Thu, 02/19/2009 - 07:40.

modules

Hi, what module do you use for the video ? x)

thx

Submitted by learnbythedrop on Thu, 02/19/2009 - 10:35.

I'm not sure what you mean. I

I'm not sure what you mean. I think you may mean what module adds the embedded video. If that is the case then I'm not using any special module. The video is hosted by Blip.tv and I embed their very excellent player into a field that I added with CCK. So I'm basically just copying and pasting.

Submitted by Anonymous (not verified) on Sat, 02/21/2009 - 02:25.

Great video thanks, had the

Great video thanks, had the exact same problems in the thread, but was able to fix them. Thanks to you guys for posting your solutions. Awesome video!

Submitted by Nick (not verified) on Sun, 02/22/2009 - 00:33.

clickable pictures?

hello,
great tutorial and great site! Was wondering if you knew how to set up an image, so that once it was clicked from the gallery and the thickbox pops up, the user is allowed to click the thickbox and navigate to the url?

thanks

nick

Submitted by learnbythedrop on Sun, 02/22/2009 - 00:44.

Try Lightbox

Ironically enough I use Lightbox 2 on this site, which is a module that has functions that are very similar to Thickbox. Lightbox 2 has an link in the pop-up that links directly to the node. http://drupal.org/project/lightbox2

Submitted by Nick (not verified) on Sun, 02/22/2009 - 14:06.

Thanks!

Great! Thanks a lot Dude! Just what I needed!

Submitted by Donna (not verified) on Thu, 03/05/2009 - 22:32.

Lightbox in Drupal. ASAP.

I followed the steps in installing a Lightbox2 in Drupal. Using the admin privileges, the lightbox2 is functioning properly but when i logged out, when i clicked an image, no lightbox seen. I already set the access controls in /admin/user/access of the lightbox2. I checked the anonymous and authenticated user to make that it'll work on both. But still, lightbox2 not functioning. What will I do? Thanks.

Submitted by learnbythedrop on Thu, 03/05/2009 - 22:42.

I'd check to see if you get

I'd check to see if you get the same issue in other browsers. In the past I know that Lightbox has had some javascript conflicts that I would only see in Internet Explorer. Also check the issue queue over on Drupal.org. Finally, as a last resort you can try Thickbox to see if that works for you.

Submitted by Anonymous (not verified) on Mon, 02/23/2009 - 00:32.

Got a little problem. After

Got a little problem. After installing and enabling the taxonomy module, the Image Gallery dropdown was present. I had to upgrade my Drupal installation soon after and now the dropdown has disappeared. Taxonomy is still checked, and permissions look to be in order. The update was from 6.6 to 6.9 I think. Anyone with ideas?

Submitted by learnbythedrop on Tue, 02/24/2009 - 20:49.

Check Image Module

Check to see if you are on the latest version of the image module. Since taxonomy is a core module I'm inclined to think that the issue is with you version or the settings for the image module.

Submitted by tims (not verified) on Thu, 03/12/2009 - 12:21.

Preview shows only thumbnail

I followed this video and it was very helpful. However, when I preview, the main image does not show up above the thumbnail. Instead all I have is the title, and under that the date and time. When I try to view the galleries nothing shows up. They appear empty.

Submitted by Eugenia (not verified) on Mon, 03/23/2009 - 13:12.

dinamic theme

can i use a Gallery to do something simulating the dinamic theme of iGoogle??
How??
(I'm Argentina, I don't speak english very well... sorry)

Submitted by John (not verified) on Wed, 04/08/2009 - 16:47.

Kudos!!

Nice job. Just what I needed to get me started. Thank you for the excellent info. Well presented.

Submitted by Gabi (not verified) on Sun, 05/24/2009 - 04:18.

Hi, great tutorial!

Hi, great tutorial! Everything work perfectly except for one small thing.
Please, take a look and tell me is this gallery or design mistake.

http://img505.imageshack.us/img505/8416/problem.jpg

Thank you!

Submitted by learnbythedrop on Sun, 05/24/2009 - 09:08.

Check With Different Theme

The image gallery is a pretty standard thing so if it is not displaying properly there is likely an issue with the template. Switch back to the default Garland template and see how it looks.

Submitted by CamrynM (not verified) on Wed, 06/24/2009 - 21:26.

"ImageMagick could not be found....." error

Hi Rob,

Thank you for excellent videos. I'm just starting to use Drupal, and your video tutorials help a lot. Unfortunately, I wasn't lucky this time, and got problems creating my Image Content while following your video.

I've got an error message:

"The admin will need to set the path on the image toolkit page. Unable to create scaled Thumbnail image."

Also, the Image Toolkit is asking about a path to ImageMagick convert binary, or to the file convert.exe. I have all image related modules installed and enabled, ImageMagick is in my modules list as well. I’ve searched for convert.exe file, and it doesn’t exist. I don’t know what convert binary is, and where to look for it.

I’d greatly appreciate if you can help me to fix this.

Thank you,

Tanya

Submitted by learnbythedrop on Wed, 06/24/2009 - 21:46.

Image Toolkits

If you go to 'admin/settings/image-toolkit' you can see which image toolkit is selected. If ImageMagick isn't working try the GD2 image manipulation toolkit. Your status report '/admin/reports/status' will tell you if gd2 is installed on your server. If GD2 is not available you may want to check with your hosting provider to see if they can make it available for you.

Submitted by CamrynM (not verified) on Thu, 06/25/2009 - 02:14.

GD2 is working!

Rob, thank you very much for super prompt response. I've got my image content created by using GD2 image manipulation toolkit, but when I tried to scale the original images size down to 960x620, for some reason this didn't work. My original image looks way too large. Could you please help me fit it into my page width which is 960px.

Submitted by learnbythedrop on Thu, 06/25/2009 - 21:53.

Scaling Images

Glad to hear that you were able to move along. If you go to '/admin/settings/image' you should be able to set the maximum size (in kilobytes) of your image uploads. If your original file is larger than those settings you will have problems. So check that. On the same page you can set up the dimensions for cropping and scaling the images that you upload.

Submitted by CamrynM (not verified) on Fri, 06/26/2009 - 00:47.

Scaling images worked this time...

I wasn't able to fix previously uploaded images by setting scaling to 960x620, but it worked fine with the new uploads. Thank you.

Submitted by Anonymous (not verified) on Fri, 07/10/2009 - 02:10.

Link

Great tutorial.

It did the trick for me. However when I clicked on the galleries, I get the images but not the links to that particular node. How do I fix this issue?

Thanks

Submitted by learnbythedrop on Fri, 07/10/2009 - 23:51.

If you are using Thickbox as

If you are using Thickbox as I did in the video that is what you would expect. You can set up the image gallery and skip Thickbox if you like. Without Thickbox the link on the image will take you to the node.

Submitted by Anonymous (not verified) on Sat, 07/11/2009 - 00:20.

Link below

Thanks a lot for the reply. But in your video I noticed that there was a link below your image which would link to the main node(image content). I dont seem to get that link below the image.

Thanks for helping me out

Submitted by learnbythedrop on Sat, 07/11/2009 - 00:38.

Image Title Link

The gallery images are linking to the nodes via the title. Do you have a title set for each of your images? Also at admin/settings/image I have the link column set to "same window." Beyond that I'm not sure why you would see it like that.

Submitted by Anonymous (not verified) on Sun, 07/12/2009 - 22:46.

Ratings

Can I have a rating system placed under images inside the gallery? If so, HOW??

Thanks for your help !

Submitted by learnbythedrop on Tue, 07/14/2009 - 20:23.

Image Ratings

I know that you could have ratings directly on the nodes by using the fivestar module. http://drupal.org/project/fivestar

I'm sure that you could do that if you went the CCK ImageField plus Views route as shown in the video at http://learnbythedrop.com/drop/148. The gallery is a lot more customizable if you use the combination of tools in the video.

Submitted by Anonymous (not verified) on Mon, 10/26/2009 - 07:57.

path for the image here is

path for the image here is http://www.homepage.com/sites/default/files/images/4.preview.jpg when it should be,http://www.homepage.com/drupal/sites/default/files/images/4.preview.jpg........... what should i do rob ? .... So, the images are not loading .

P.S.: I figured out the path using the firebug attachment for firefox.

Submitted by Joe Dasler (not verified) on Mon, 01/04/2010 - 08:14.

images.

Hello and how are you today!I hope you may be able to assist me.I just had a query because i have been banging my head against the wall for about a week.I have some images placed in cck fields(10 items) on a node .They display well in safari and firefox but internet explorer is not complying.I used css because i do not know any other way to put a two row image grid in a node that a user could just upload.
The other thing is i am tring to stick a slideshow in the header at a localhost level.Someone mentions using base path but i don't have a clue.The theme i am using is marinelli.The site address is www.baexpresso.com.
Happy new year!
Joe.

Submitted by learnbythedrop on Tue, 01/05/2010 - 21:52.

Image Display in IE

Well I looked at http://www.baexpresso.com/content/arcos_and_mendoza_7th_floor in IE8 and it seemed to look good to me. I think the issue of it not displaying well in IE goes beyond Drupal to how IE handles certain types of CSS commands. So I really don't have an answer for that.

For the slideshow in the header you could always use the Views Slideshow module (http://drupal.org/project/views_slideshow)and create a View which you place in a block in the header section of the site.

Submitted by Anonymous (not verified) on Tue, 01/26/2010 - 23:29.

gallery stopped working

This is my first Drupal site and I thought I did decent. My favorite part was this gallery tutorial. It worked great but I must have done something after the first two galleries that I made. Now when I make a gallery which I no think uses Image but maybe Views I can't get the Thickbox to open the image. It is wierd because I have a Flash rotator that will only not work on my photogallery page.

Do you have any ideas I could really use the help, I don't even know how to start figuring it out.

Thanks,
Bill

Submitted by Telea (not verified) on Fri, 02/26/2010 - 22:01.

Re: Creating A Basic Image Gallery

Hi Thanx for this great tutorial!!!!!!!!!

I did it and it workes perfectly!
But I have a question, is there any chance, that I might have galleries that are visible for guests and others that are just visible for users, or can i make two sites and chose on wich the gallerie is going to be placed?

Thanks for your help!

I just need to say, I think your page is wonderful and it is great that you share your knowledge with us ;)

Telea

Submitted by learnbythedrop on Sat, 02/27/2010 - 09:35.

Re: Creating A Basic Image Gallery

Fortunately you do not have to create a second website in order to have public and private galleries. You can create another gallery with views and set the access to a particular role. See the screenshot below for a view of the access option in the views module.

Views Access Settings

Submitted by Anonymous (not verified) on Fri, 09/17/2010 - 09:34.

Re: Creating A Basic Image Gallery

HI,,, I created a cool image gallery following ur instruction but I have lot of photos to be uploaded., uploadin one by one is a tedious one,, can you suggest a way to upload multiple pictures?