By artscoop on

Hi everybody,

I've been looking for a way to do this, but I can't spot the right search terms.
Here it is :

I use ImageCache and CCK ImageField in my nodes.
When displaying the nodes, I setup my node so that it displays a resized version, which is a link to the original image.
The original image displays fine when I click on the thumbnail, but it is displayed in a blank page.
However, I would like to display the original image in a page instead of nothing.

Has anybody got a clue on how to do this ?

Thanks

⋅ Categories: Drupal 6.x

Comments

joachim’s picture

joachim commented

That isn't possible out of the box AFAIK.
I can see ways you could do it with code -- set your node template up to take an extra argument and from that determine the URL of the shown image.

Alternatively, look into the lightbox2 module. That overlays the full size image onto your page with javascript.

artscoop’s picture

artscoop commented

Hi joachim
Thank you !
The Lightbox is a good idea.

Whether I go for one or another possibility, I will have to change the link creation code in CCK/ImageField, right ?

Cheers

joachim’s picture

joachim commented

For the other possibility, I'd do this:

- set the imagefield to hidden in CCK admin
- print the imagefield yourself in your node template, formatting the link to be "node/NID/fullsize" or something.
- do some logic either in template.php or the node template, and if arg(2) == "fullsize", print the full image in the node template.

Alternatively... maybe what you want isn't imagefield, but image module? With that, each image is a node itself. And thus shows on a page.

artscoop’s picture

artscoop commented

Hi Joachim, finally I sticked to the Lightbox2 alternative, it was something I expected to find. And it worked on CCK fields, that is marvelous
Thanks !

aklouie’s picture

aklouie commented

Still building it right now but take a look at http://www.alanlouie.com particularily the performing arts section

Everything is keyed through a couple different levels of taxonomy

------------------------------------

Clicking on Performing Arts:

It brings up a view pulling every image node (a new content type I made named Gallery Image) which is keyed to the term "Performing Arts" pulling the imagecache image up via thickbox. Also included are the aggregated ratings on images (also sorted on it) and a title that you can click on to go to the node directly. At the node you get a 100% width image and clicking on it you get the full image

The Performing Arts is further subdivided by another term which describes the event date and name. Also each individual image is tagged with descriptive tags which are searchable.

-------------------------

Other things i'm working on and have sorta working:

From Performing Arts click on the filter to the very last element (Cirque Mystique Dance). I have two attachments running. The first one looks up another content type (I call it Gallery Text) which is keyed to the same event name term. That is a short description of the whole event. The Gallery Text node also has a location CCK field which may be set. If set, a gmap image will be displayed on the location of the event.

I've also been building several ways to find images. Search by tags is pretty self explanatory (I just need to make a better way of displaying the list, but this is low priority currently). Search by Event just gives a full dump of all Event Names that you can select and view. Search by Map is keyed to the Gallery Text locations and will display all picture locations. You can click on those and they'll go to the Gallery Text nodes which use insert_view to also immediately attach all related images to that page.

If you have further interest in what I did, i'll be more than happy to send you the view exports and the list of modules i've used. I'm still working on it though, I think i'm about 90% there.

artscoop’s picture

artscoop commented

Hi Alan,

The technique you used for images popping up on a thickbox is quite ideal.
However, doing it with LightBox2 worked also as a charm and gave more or less a comparable result.
That is, I wanted full sized images to show in something more classy than a plain empty page.

I've taken a look at your site, and for those who are interested, I think the techniques you used are really good ideas :

Using a CCK field linked to another node to retrieve the global intro from an event is what I would call good practice
However, is it easy to maintain ? For example, if you want to change a picture from an event to another, can it be long ? (I've not used the Node Reference CCK)

"You can click on those and they'll go to the Gallery Text nodes which use insert_view to also immediately attach all related images to that page."
seems a bit difficult to me. If I understood well, tell me if this is alike :

When I display a node, I show :
- The title, obviously
- The main image of the node, resized to fit the layout. Clicking on this image opens a LightBox.
- If any, I show a view with additional images for the content (those images also show a lightbox)
- And finally, I show a view of images related in some way to the one displayed.

Maybe something could be of interest for you.
For now I've not set up everything so I don't still know if indeed, I will need your exported views.

By the way, the pictures you took are quite pleasant :) even though I'm not that keen on photography

Thanks for your reply, don't hesistate if you have questions too !

aklouie’s picture

aklouie commented

Actually I don't node reference at all. They're tied through a common taxonomy (on a vocabulary called Gallery Event).

So it's remarkably simple to resort images (I did a massive resort today actually). If I want to move a picture to another section, I simply change the Gallery Event term (only one allowed) to wherever I want to slot it.

Adding a new set of pictures goes through these steps

1) FTP all images into the Imagefield Import directory

2) Log into the admin area and execute Imagefield Import

3) Select all and assign them to a Major Gallery (Nature, Man-made, etc) and a Gallery Event (20080101 New Years for example). Execute the import. All images are imported to individual nodes (I call them Gallery Images) and tagged appropriately

4) Individually tag them with a custom Views Bulk Operations that lets me add/remove tags (under the vocabulary Image Tags, like Bellydancing, Airplanes, etc) quickly and easily. This step is optional.

5) Now here's the part that sorta sucks but I can't figure out how to get around. I have to edit the particular view that it falls under and edit the exposed taxonomy filter (on Gallery Event) and add it to the listing of restricted selections. What would be optimal is if I could add the Major Gallery terms as parents to the Gallery Event tags and then do an arguement that filters by the parent, but I can't seem to make that work

6) Now to add text: add Gallery Text node and fill in the title, set the taxonomy to the same Gallery Event term used for all the images above, set a location, add some text. In the text I do a teaser break

then after that I use the Insert_view module to type [view:myview=termID] where termID is the term ID of the Gallery Event term. What this does is when this Gallery Text node is opened independently of the gallery links, the view labeled myview is called with the arguement termID and shows all images attached to that term. This is used on the Search by Map where you navigate directly to the node rather than calling a view with the proper arguements (I couldn't figure out how to do it easily for a mass number of items)

7) And you're done! When you go to a gallery it defaults to showing all images under that Major Gallery term. You can filter on Gallery Event which has two attachments, the top one is the Gallery Text teaser (which is why the break is used to prevent the Insert_view from showing up again), the second is the gmap location view tied to the same Gallery Text node. Then below that is the regular view output

You might wonder why I don't just have a listing of Gallery Texts selectable and it's because when you navigate to a Major Gallery (nature) I want to show you the best images across all of the nature Gallery Events based on rating.

Hopefully that resolved some confusion on how I did this. The Search by Map is another gmap view. I'm trying to make the markers color coded based on taxonomy term but it doesn't seem to want to work.

aklouie’s picture

aklouie commented

A slightly more complete description is written at the bottom here http://drupal.org/node/128080

Most everything is completed and working so i'm probably going to write up a page to remind myself how I did this, or for anyone else curious about it.