Image Gallery Enhancements

This lesson shows you how to enhance the image gallery created in the previous lesson using Thickbox, Media RSS and Views Slideshow.

The premium version of this lesson is encoded at the full 1024x768 resolution as originally recorded.

Bookmark and Share Bookmark or Share Post

Comments

Anonymous's picture

Thick box gallery to show ALL (paged) images?

Thanks for the great screencast! Just what I was looking for.
One thing... When using a pager with the gallery view, the thickbox gallery only lists the images on the current 'page.'
How can it be configured to show ALL images in the view, regardless of the pager settings?

Anonymous's picture

Creating photosets?

I have set up a similar gallery using CCK and views. Now I want to sort the photos into photosets.

The rough roadmap I have thought up to implement this is as follows:
* Create a taxonomy, "set".
* Add a new term in that vocabulary for every photoset.
* Using views, create a block to list all the terms.
What do you think of the idea?

Also, how do I get views to generate a photo gallery for each term?

Anonymous's picture

2 image upload fields

HI Rob. I was using IMCE for uploading images. I was not happy with it. so I went back to image module and uninstalled imce. There was a content type image generated automatically so i added cck field -image to this. It works very well. But I notice that there is also another image upload field above this field. http://authenticityonline.in/node/add/image. If I try uploading using this, I can see the image during a preview but when I save, I get an error msg - The selected file could not be copied, because no file by that name exists. Please check that you supplied the correct filename.
user warning: Duplicate entry '131' for key 1 query: INSERT INTO og_access_post (nid, og_public) VALUES (131, 0) in /home/content/b/a/l/bala29304945/html/includes/common.inc on line 3468.
user warning: Duplicate entry '151-field_image' for key 1 query: INSERT INTO cck_private_fields (nid, vid, content_type, field_name, privacy_status) VALUES (131, 151, 'image', 'field_image', 2) in /home/content/b/a/l/bala29304945/html/sites/all/modules/cck_private_fields/cck_private_fields.module on line 95..
Also, this is supposedly a required field. I checked all content types, none has a content field image and I don't remember how it came and thus, how to get rid of this. Plz help. I would also like to mention that I've uploaded

learnbythedrop's picture

Different Image Modules

It sounds like you've got three image modules working here. One is the image module. Two is IMCE. And three is the CCK image field. IMCE and Image module really have two different purposes. Image is for creating image galleries and IMCE is for adding images to posts. You can do either with the Image CCK field.

It's not recommended to use both the Image module and the Image CCK field as this can cause problems. What I recommend doing is to disable the two image modules that you don't need and only use one.

If you want people to be able to create image galleries in a very simple manner then use the Image module. If you want people to upload a file to add to a specific post then use the Image CCK field. If you want people to be able to upload an image to a node that they should also be able to browse to later and add to other nodes then use IMCE.

Anonymous's picture

Image modules

Although IMCE is great for altering image properties and adding it into a node, I didn't particularly like the process involved in adding the image. I really like the ease of CCK and after hearing you, it looks like it'll serve my purpose best. Like you say, CCK and views are arguably the most powerful tools in Drupal. But I also seem to need the image module for taxonomy image module. so I guess I'll go with Peter's suggestion (first comment in the first part of this video). Create another content type and add a cck field to it. Then, disable adding images through the image module.

Anonymous's picture

images gallery: images not appearing

on my localhost I've been following your informative videos. I can't seem to get the images to show up and have watched the videos over several times and can't find my error. any ideas where to look?

Oh, "path is undefined"

learnbythedrop's picture

Images Not Showing

When you upload the images are they getting to the image directory which should be something like /sites/default/files? If the images are in the directory then it's a display issue which could be related to the input format.

Anonymous's picture

images not showing up

Thanks for getting back to me, I do appreciate your time.

The files are all .jpeg format and small in size(2,200 kb to 66kb).
They reside in the folder sites/default/files/images (like your video described)
I also copied them into sites/default/files just to see if that had an affect,
it didn't.

Do I need to add a taxonomy term for this to work?
I have the following modules installed and enabled...
CCK, Views, Image cache, Image API, Core/upload, Imagefield, also IMCE is still enabled. Am I missing any or should disable one?

Thanks again, your tutorials are essential.

Anonymous's picture

images not showing

one additional note, I get the error message "Unable to preview due to validation errors."

learnbythedrop's picture

Image Preview Issues

I don't have an answer right now. Two things to look at are the Recent Log Entries (/admin/reports/dblog) and the Status Report (/admin/reports/status) to see if there are any messages there that provide more information.

Anonymous's picture

I was having the same

I was having the same problem..
but at last i found it out...

My images disappeared after i added a filter Node type:Image in the view settings.
When i removed the filter the images showed back....

I dont know what is the reason but it is like it...
@ Bill Vana :- You can also try this

@learnbythedrop :- It is an important setting that needs to be there... But why does it hide the images when we use it.... Do u have any clue why or is there any setting we miss??

Anonymous's picture

Re: Image Gallery Enhancements

Another amazing video.

Got it all working apart but the images in the slideshow and the gallery itself dont show up unless I am signed in with 'the god role'.

Just wondering if there is something that ive missed or an easy way around this

learnbythedrop's picture

Re: Image Gallery Enhancements

If you have Content Permissions enabled you will need to check the user permission settings to confirm that the image field is viewable by different roles.

Anonymous's picture

Re: Image Gallery Enhancements

In trying to add the thickbox Format to the image gallery I get an error alert:
An error occurred at http://urban-potter.com/admin/build/views/ajax/config-item/Gallery/page_....

Error Description: 0:

Can you help me figure out why this isn't working?

Thanks.

learnbythedrop's picture

Re: Image Gallery Enhancements

Two things to try.

1. Try it with another browser. Could be a browser specific issue.
2. Flush your cache and/or log out as per this comment. http://drupal.org/node/836974#comment-3130764

Anonymous's picture

Slideshow block appears but without the images

Hei, thanks for the videos! Really useful!
I followed the 1st video without problems (except one minor problem with php temp folder and permissions with IIS...), and created the gallery. I followed the 2nd video but using colorbox, but after creating the slideshow block, it appears on the front page with the name, the pager (even though I set "use pager:no"), and the more link, but without any image... I cleared the cache, checked the logs and nothing really comes up, tried with different browsers

The only clue I have is this error:
Missing closing ')' in negation pseudo-class ','
but nothing specific to a .css or .js file....

Thanks!

Post new comment

Important
All comments on this site are moderated to prevent spam. Although we also use the Mollom module we have found that some gets through and that also affects people who have subscribed to email notifications. If you would like your comment to appear immediately please login with Google Friend Connect which supports your Google, Twitter or Yahoo account.
Google Friend Connect (leave a quick comment)
Loading
The content of this field is kept private and will not be shown publicly. If you have a Gravatar account, used to display your avatar.
Mollom CAPTCHA (play audio CAPTCHA)
Type the characters you see in the picture above; if you can't read them, submit the form and a new image will be generated. Not case sensitive.