By juheimbu on

Hello all,

I have a couple of image gallery questions.

1) How can I auto-arrange imported images into a node that looks like an image gallery? Currently, all images show up vertically when I view an image gallery. I'd like to organize them so that they display as thumbnails with three or four of them per row on a page. Is that possible without having to include each image individually and coding tables to format the display?

2) How do I make a list of image galleries available to users? It's probably a simple checkbox somewhere, but I've missed it.

Thanks!
juheimbu

Comments

azote’s picture

azote commented

you need to install some modules:

image: http://drupal.org/project/image
Img_assist: http://drupal.org/project/img_assist
image_import: http://drupal.org/project/image_import

and this one is great too:
Drupal Image Publishing Module: http://lsb.blogdns.net/software/galleryremote/

juheimbu’s picture

juheimbu commented

http://www.palmersroom.com

Thanks. I already have these modules installed and working. I just can't figure out how to control the layout of the image galleries without hacking code.

conann’s picture

conann commented

If you float the image div left the others will line up beside it to fit the container.
I have used this method and find it to be very usefull when working with image assit

Hope this helps

Conann

juheimbu’s picture

juheimbu commented

http://www.palmersroom.com

That makes sense. So I could update the default img_assist code and add a style tag there. Or would it be better to just define a new class and use that name in the img_assist default code?

Thanks again.

conann’s picture

conann commented

I think you will be OK with the .image class created by the img_assist output just add the float to your themes style.css.

.entry .image { 
                        float: left;
                        display:inline;
                        padding: 0 0.3em 0 0;
                        margin: 0.3em 0.3em 0 0;					
                     }

This is what I use to make sure that it only happens to the image class when it is present in an .entry.

Hope this helps

Conánn

juheimbu’s picture

juheimbu commented

http://www.palmersroom.com

Thanks again. That is helpful. Would entering it this way prevent it from floating left on the front page? I was playing around with that a bit the other day, and the text for the next entry started wrapping around the image - not what I had hoped for.

Put another way: how do I know when I'm looking at an .entry?

Thanks!
juheimbu

conann’s picture

conann commented

you can use clear to prevent that from happening

.entry {clear:both;}

should stop the next entry from wrapping

Conánn