By Lubas on

Hi all.
I am searching for a module where users could upload a photo with some text as a node in a group, but I find so many modules with images I don't know which I should choose.

I don't bother if there should be made an account on an external site like Picasa or Flickr, although users should be able to upload photos from my site..

I've found the Picasa module (http://drupal.org/project/picasa), but its says 'If you download the d6 dev version do not expect it to work on your site', so wich module do you suggest?

Thanks.

⋅ Categories: Drupal 6.x

Comments

David.W’s picture

David.W commented

Maybe this would work?

http://drupal.org/project/flickr_attach

otherwise look here: http://drupal.org/project/modules?text=flickr

Good luck :)

jacobmn’s picture

jacobmn commented

It sounds to me like your best bet might be the imagefield module. This is an add-on to CCK which allows you to upload one or more photos as part of a node. So I would take these steps:

1. Install CCK and imagefield
2. Create a content type called "image" or whatever you like
3. Add a field for your text (or just use the standard body field if that will work)
4. Add an imagefield for your image

You now can create nodes with images and text that can be used independently or in conjunction with Views and other modules. A great addition is imagecache. This will allow you to make the original photos that were uploaded into a variety of resizes, crops, etc on the fly, per content type, view, etc.

Those modules together should be incredibly powerful for what it sounds like you are trying to do.

David.W’s picture

David.W commented

I second that ;)

Lubas’s picture

Lubas commented

Oke, thank you guys, I'll try it.

jaypan’s picture

jaypan
Location Victoria, BC
commented

I personally like the imagepicker module. It's modeled after wordpress' image upload system, and is quite easy to use.

Contact me to contract me for D7 -> D10/11 migrations.

alan d.’s picture

alan d. commented

Image migration was the slowest of all modules updates between 5 => 6. The core Image in Drupal 7 is ImageField (well sort of) and is already ported. This alone would be enough to decide on what to use.

Alan Davison
Lubas’s picture

Lubas commented

This works perfectly, just like I wanted it, but I still have one question:

The photos are now shown on the frontpage in their full size, is it possible to show them as thumbnails, and when you click on these you see it in a lightbox? I need the ImageCache module for sure, but I don't exactly know how I can do this? Is there a tutorial or something for this?

Thank you!!

alan d.’s picture

alan d. commented

CCK? Create an imagecache prefix and install lightbox2. The CCK display settings will give you the popup window display options

Alan Davison
jaypan’s picture

jaypan
Location Victoria, BC
commented

The imagepicker module is integrated with the lightbox module, and doesn't require the imagecache module. It just adds a selection for the lightbox when you are inserting the image into the body.

Contact me to contract me for D7 -> D10/11 migrations.

jacobmn’s picture

jacobmn commented

What you will want to do with imagecache is make two presets under Site Building > Imagecache for the sizes you need. It has tons of great options for scaling, cropping, etc. Make one for thumbnail size and one for your "full size"... i.e. 100x100 (the scale and crop setting will work to make sure that you get a perfect square while maintaining aspect ratio if that's what you're after). Make one also for whatever you think your big size should be in the lightbox.

Then install the Lightbox module and configure it similarly to your liking under Site Configuration > Lightbox (it will work pretty much out of the box without setting anything special up, but familiarize yourself with the settings).

Now go to the content type that you created for the images - Content Management > Content Types > Your content type > Display Fields. Here you will see checkboxes for Label, Teaser, Full Node. On the full node setting for that field pull down the option and choose "Lightbox2: Your thumbnail preset->Your fullsize preset."

Voila, should start working out of the box and you can configure from there since the modules work together. Good luck.

Lubas’s picture

Lubas commented

Wow, you guys are so great!
It works perfectly, thanks for all you help!

Lubas’s picture

Lubas commented

Another question.. Can I add a class to these a-tags to style them in css?

Thanks.

jacobmn’s picture

jacobmn commented

You won't need to do that, since Imagecache and CCK already add their own ids and classes to the containing elements. Just choose one of the surrounding divs. The html will be something like:

<div class="field field-type-filefield field-field-yourfield">
<... some more tags ...>
<a href="whatever"><img src="whatever" /></a>
<... some more tags ...>
</div>

So your css would be:

.field-field-yourfield a:link, .field-field-yourfield a:visited { your styles; }
.field-field-yourfield a:hover, .field-field-yourfield a:active { your styles; }

Drupal and its good modules are great about giving you lots of classes and ids to work with for theming without doing anything custom.

Lubas’s picture

Lubas commented

I tought so too, but it doesn't, the code looks like this;

<div class="content">
    <p>Test</p>

<div class="field field-type-filefield field-field-foto">
      <div class="field-label">Photo:&nbsp;</div>
    <div class="field-items">
            <div class="field-item odd">
                    <a href="image.jpg" rel="lightbox[field_foto][description 1]"><img src="thumbs/image.jpg" alt="Added by user 1" title=""  /></a>        </div>
              <div class="field-item even">
                    <a href="image2.jpg" rel="lightbox[field_foto][description 2]"><img src="thumbs/image2.jpg" alt="Added by user 1" title=""  /></a>        </div>
              <div class="field-item odd">

                    <a href="image3.jpg" rel="lightbox[field_foto][descrtiption 3]"><img src="thumbs/image3.jpg" alt="Added by user 1" title=""  /></a>        </div>
        </div>
</div>
  </div>

edit: Could there be any solution?
Thanks.

jacobmn’s picture

jacobmn commented

Yes, it doesn't add classes to the link element but that doesn't matter. Just form your css like I mentioned above telling it to reference links within the containing elements and you will be just fine.

I agree with the others that gallery assist may help you out, but if you are already this far it is incredibly easy to style those links based on the classes of their surrounding divs (unless you are talking about individual styles for each link, but I can't imagine a scenario like that).

Lubas’s picture

Lubas commented

O, I didn't see that, it works now, thanks.

kevinquillen’s picture

kevinquillen commented

You should look into Gallery Assist module too. It's an easier start to creating image galleries as just a node. It has a submodule that allows you to hook into Lightbox as well, or you can also use Lightbox2 module alongside it.

===========
read my thoughts

Lubas’s picture

Lubas commented

I've tried Gallery before, but I really prefer this way, it's much more easier ;)

kevinquillen’s picture

kevinquillen commented

Gallery Assist? Are you sure? It's relatively new but very flexible.

http://drupal.org/project/gallery_assist

===========
read my thoughts

Lubas’s picture

Lubas commented

O, no, indeed I haven't try this before, it looks nice, but now; I've set this thing up, its just these classes that need to be added, couldn't that be fixed? :)

(I tought you were talking about Gallery2, I'm sorry)

kevinquillen’s picture

kevinquillen commented

Nah, I tried Gallery2 and there is a lot of overhead for that in my opinion. This is the simplest implementation of doing an image gallery that I have seen.

===========
read my thoughts

Lubas’s picture

Lubas commented

Idd, looks good, I am considering to implement this module to my other drupal site.
Thanks for the tip!

module-node’s picture

module-node commented

I suggest CCK , Views,Image,ImageCache, Imageapi, Imagefiled , Lightbox2 so that you can make the view of thumbnail and image as per your wish using the views module , Categories can also be given with the help of Taxonomy Module

These exists another one module called Album Photos where you can give access permissions for every users to access our album

Have a Nice Day!

kevinquillen’s picture

kevinquillen commented

thats a lot of overhead though

===========
read my thoughts

jaypan’s picture

jaypan
Location Victoria, BC
commented

Yes and no. It's a lot of overhead when the actual uploading is happening, but the rendering isn't too bad.

Contact me to contract me for D7 -> D10/11 migrations.

Lubas’s picture

Lubas commented

For now I won't use the Gallery Assist module, but next time I need something like this, I'll try it, thanks for all the tips!