By christopherareed on

Hello, I'll try to keep this as short/direct as possible.

Details:
I'm creating content that is about 1 specific item per page of content, and it's all already organized and listed how I want the information via CCK, and Content Templates, etc.

Problem:
What I'm trying to do is in addition to the information shown, is I need a "gallery" of pictures. Which I can do easily with Slideshow, Image Gallery, etc, but what I'm looking to do is display a photo on the initial page, and maybe some thumbnails of the other photos below it, and clicking on any of said photos, would pop open in a new window, and show that 1 picture, and then be able to have a forward/backward button to flip through the rest of the gallery.

I hope that makes sense. Please help me out, been at it for hours. If I can clear anything up just ask, and thanks ahead of time! I'll still be chuggin away at this... and it's 4am already, bleh! Take care. =)

⋅ Categories: Drupal 6.x

Comments

matt v.’s picture

matt v. commented

If I following you correctly, you can accomplish what you're looking for using the Thickbox module, in conjunction with Imagefield and Imagecache. Here's an example on one of my sites that is similar to what you're describing. Clicking on the main photo at the top right opens the larger version of that photo in a thickbox which also has forward and back navigation that takes you to the rest of the "photo tour" images listed toward the bottom of the page.

--
Drupal Theme Developer’s Cheat Sheet | 45 Screencasts to Get You Kicking Ass with Drupal

christopherareed’s picture

christopherareed commented

That's perfect! Exactly what I was going for, thank you! I wrote you a pm about something else you may be able to help me with. =)

zilla’s picture

zilla commented

that's excellent - i'm using imagefield and imagecache with lightbox2 on a d6 install and am trying to figure out how to take the first image in the series that displays 'below the post' to appear inline up top using a diff imagecache preset - any tips?

i'm at a loss on this one, image management is a bit tedious with drupal considering the endless options...

for example, do i need a custom tpl to handle the inline of that one thing (referencing the first cck field or something?)

........................................................................
i love to waste time: http://twitter.com/passingnotes

matt v.’s picture

matt v. commented

zilla,

I actually have two different imagefield fields. One is a single image field that contains the main image at the top, set to be a larger size using the Imagecache module. The second is a multi-image field that contains the photo tour at the bottom of the page, each set to be a smaller thumbnail using Imagecache. The Thickbox module bundles them all together in the thickbox slideshow.

--
Drupal Theme Developer’s Cheat Sheet | 45 Screencasts to Get You Kicking Ass with Drupal

heather’s picture

heather commented

@zilla .. how about 2 displays in a view? or even just two views?

- one view has just the imagefield field (you can select the imagecache setting you want); it sorts by most recent (or whatever); then only lists 1
- the second view has just imagefield field, a different imagecache setting, sorts the same was as the first one, lists howevermany you like- and is OFFSET by one.

as long as they sort the same way, you can offset.

then you can embed these views, or do whatever you like to make them display where you need to.

zilla’s picture

zilla commented

i think for what i'm after, matt v's approach makes more sense - here's why:

i only need this for one content type called 'story' in which users can contribute stories - everything else allows imagefields, but they're thrown to the bottom of the post with lightbox BUT for 'story' i also want to allow writers to use ONE image as a 'featured story image' if desired and doing it this way will make it easy - i can add the field to the node and use form edit module to add some simple help text (or in the field itself) that basically says "use this box to select ONE featured image for your story, it will appear up top. use the fields below to add more images, they'll appear down below your story"

thanks to both of you, i think i've solved this thing...

my only question is how you got the image to display INLINE up top and in ROWS below (versus stacked vertically, which is what mine are doing, and it can make the page real long if there are several, even though the imagecache preset is small)!

........................................................................
i love to waste time: http://twitter.com/passingnotes

matt v.’s picture

matt v. commented

When using "display:inline;" be sure you're applying it to the outer container. A lot of times Drupal wraps images inside divs inside list items, etc. If things aren't displaying inline like you expect them to, you may not be wrapping the outer-most element. At least, that's bitten me before.

--
Drupal Theme Developer’s Cheat Sheet | 45 Screencasts to Get You Kicking Ass with Drupal

zilla’s picture

zilla commented

do you mean 'display:inline' as a setting for the field? i haven't seen that option

or do you mean as a line in the css itself? i'm using the new acquia marina - would love to wrap image fields in nodes so that they're in horizontal and not vertical stacks and get that first image inline like it is on your link up above - seems some people do this with a tpl file copy/change for the content type, others with css in the main sheet, not sure how best to approach it...

........................................................................
i love to waste time: http://twitter.com/passingnotes

matt v.’s picture

matt v. commented

I was referring to using 'display:inline' in your theme's style.css file.

--
Drupal Theme Developer’s Cheat Sheet | 45 Screencasts to Ge

christopherareed’s picture

christopherareed commented

In thickbox can anything additional be added? Like say if a company wanted to have a little logo or something inserted next to or above the picture being displayed? Anything along those lines.