By nunob on

Hi guys, i'm a new drupal 7 user and i really enjoyed.
Now, i need to create some image gallery's and i'm getting stuck on this.
My programing skills are nothing special.

Anyone can help with an how to or something?

Thanks in advance.

⋅ Categories: Drupal 7.x

Comments

WorldFallz’s picture

WorldFallz commented

There's a couple of modules in the downloads area that already have versions for d7. Other than that, I like the method described at http://www.lullabot.com/articles/photo-galleries-views-attach -- it's for d6, but it should be reproducible for d7 as well.

nunob’s picture

nunob commented

It's quite easy with galleryformatter, besides some issues.

Thanks anyway

gratefulsk’s picture

gratefulsk commented

See this gallery at http://www.steveandamberwedding.com

  1. All I have done was create a content type named "album"
  2. In that content type I added a image file field with unlimited values
  3. I then downloaded the shadowbox module and configured the display to open the image in the shadowbox viewer
  4. After that I created a simple view with a link to each of the albums
webengr’s picture

webengr commented

very clean, good job w/ drupal 7.

segana’s picture

segana commented

I messed around with the various Gallery Modules for absolutely ages trying to get something to work correctly, but everytime I just found bugs or didn't like the result...then I came across your post...perfect! Nice and simple to setup and works nicely!

Thanks for posting...you ended up saving me a lot more time (now just wish I could claim back those lost hours messing around with Gallery Formatter)

karma.code’s picture

karma.code commented

Great tip celticremark. This also works with colorbox following the same steps. I used Ctools + Panels to set a node_view variant that fires when an album page is called.

osmorphyus’s picture

osmorphyus commented

i love the keyboard functionality for browsing images. i take it that is a built in function of Shadowbox?

brilliant photography. my hats' off to the photographer.



back on to troubleshooting now. you say you created a "content" - what does that mean? how do i create "a content" in my drupal?

i can currently, out of the box "add" content, but it only offers two types "basic" and "article"

please update us with what extra modules you have added to achive your picture gallery. thank you, i look forward to your reply.






edit/notes:
i think i found it.... admin panel - structure - content types

quote=steve
All I have done was create a content type named "album" -i think i got that,
In that content type I added a image file field with unlimited values - LOST.


http://i52.tinypic.com/2crua3a.jpg

as you can see here, i have no idea what you mean by setting "unlimited values," should i just save this and continue or what?

osmorphyus’s picture

osmorphyus commented

i started doing some youtube schooling, and found a video dictating how to use colorbox for a gallery. i will start learning more about this here for now...

http://www.youtube.com/watch?v=uY5KH6Ym-tA

osmorphyus’s picture

osmorphyus commented

How did you get each of your images in your individual galleries to display in a tiled view? I am currently tinkering with Colorbox and at the moment my images stream one on top of the other in terms of display.

if anyone else has any input on this, please feel free to chime in. my demo can be found at http://omerta.zapto.org/drupal

gratefulsk’s picture

gratefulsk commented

Hi osmorphyus,

I have not logged into drupal for quite awhile, sorry. I have had a good amount of users request info on the gallery from this and a few other topics so I am going to make a video soon. To elaborate a little more on how it was done though I created more detailed steps below

  1. Created a content type named "album". (url: http://example.com/admin/structure/types/add)
  2. In that content type I went to manage fields and added a new field
    1. Label = Image
    2. Name = field_image
    3. Field = Image
    4. Widget = Image
  3. After you create the new field you will want to edit it.
    1. In the field settings there is a number of values option. Set this to "Unlimited Values". This will allow you to add multiple images to your new content type.
  4. I then downloaded the shadowbox module
    1. Don't forget to read their readme.txt and download shadowbox to your sites/all/libraries folder.
  5. Next, I edited the display of the content type by going to the manage display section of the "alnum" content type.
    1. For the image field I set the format to shadowbox
      1. In the format settings is where I defined what the thumbnail image and large preview sizes would be. This was done using dimensions defined by Image Styles http://www.example.com/admin/config/media/image-styles
      2. I set the Gallery option to "gallery node" meaning that you will be able to scroll through all of the images within that certain page.
  6. Now we can create our gallery. Create a new page using the new "album" content type we have just set up. http://www.example.com/node/add
    1. There should now be an image field where you can upload your image. Since we have multiple values you should be able to add as many images as you want.
  7. If we have set the display with the correct styles then the thumbnail and preview sizes will be the same.
    1. Keep in mind that you can always use the defined sizes that image styles comes with and you can always link the image to the original size of the image.
  8. Now, an issue most are facing is the image filed displaying right on top of each other. The best solution for this is to add css to structure them properly.
    1. For my album I needed to use the css below
      .node-album .field-type-image .field-item {float: left; margin: 7px;}

osmorphyus, in the case of your site I would use

.node-gallery .field-name-field-picture .field-item {float:left; margin:20px;}

fraxinus’s picture

fraxinus commented

I have spent what feels like days working out how to create a lightbox-type gallery in Drupal 7. I am very glad to have found this post of yours as I think your scheme is working for me.

I have actually used the colorbox module as opposed to shadowbox, as I have had real problems getting the latter installed cleanly, but the principal is exactly the same. I am not out of the darkness yet, but I feel I am getting somewhere now after much frustration. Thanks!

MetalG’s picture

MetalG commented

When I do it like that, I end up with this problem.

I have 3 albums, when I click to open an Album, I get to see all images of the 3 albums..

Mind sharing a small tutorial?

hectorplus’s picture

hectorplus commented

+1