Please advise - curious challenge involving imagefield, views & slideshow/carousel function

ss_drupal - August 19, 2009 - 01:58

I'm confronted with a curious challenge on a site I'm building.

The effect I'm trying to create is this:

A node type with 1 or more images associated with it (easy enough, a couple of ways to do this I'm using CCK imagefield)
A view that shows a bunch of such nodes -- but which only displays 1 of the images.
An effect whereby clicking on the node launches a slideshow for only the images associated with that particular node

Most importantly, enough nodes will be loaded to the site that all this must be automatic. I cannot keep up with hard-coding values for the slideshow to work, it has to feed off a given node automatically.

Needless to say, putting in a single image in a single imagefield is simple, and putting multiple images in an image field works fine too, and creating multiple fields with one image apiece is also fairly simple, but how to display the imagefields of a single node in a slideshow, that's kicking my proverbial seat.

Of course I could give the user access to the data by displaying only one image in the thumbs-list view and then all the images on the node page it links to. But that is not the effect I am seeking, since this is a very image oriented trick I want -- which is one picture as a shortcut to several without leaving the list page.

Does anybody have a suggestion? A tip of what I should be reading to figure out a solution?

For all I know this may be terribly old hat in the age of JQuery and such, but I'm pretty puzzled.

Thanks for reading.

Check out the Galleria module

mlle.yotnottin - August 19, 2009 - 02:44

Check out the Galleria module http://drupal.org/project/galleria for a possible solution. It will create a nice looking javascript gallery from your CCK nodes and, as a bonus, if you have the jCarousel module http://drupal.org/project/jcarousel installed Galleria will make use of it as well.

A gallery listing can be made with views using the teaser image field from your CCK node type. Configure the teaser image to "link to node" when clicked. That way, if your users are viewing a listing of galleries created by views, a click on the image will take them to the CCK node where Galleria will present everything all nice and prettified.

Good luck.

Dynamic display block module options

ppblaauw - August 19, 2009 - 03:02

We created this functionality with the dynamic display block module.

The tutorial: How to create an Advanced slideshow with multiple imagefield images in a node explains how to set this up. (It's more for advanced users)

When you have no experience with the dynamic display block module you can have a look at the
demo site other tutorials or the video tutorial first.

Hope this helps you further to make this work or get some ideas from the tutorial.

If you can not make it work or have more question, please make an issue in the issue queue so I can help you better.

Looks very promising.

ss_drupal - August 19, 2009 - 20:49

Thanks much.

Just had a glance at the Dynamic display block module material and it looks very promising. I'm really pleased to see that you've (it seems to be your module) tackled the multiple-image image field problem. My compliments.

I'll be studying and testing probably this evening.

All that said, one question:

This technique can be used on a single field in a view, yes?

The effect I'm trying to build will look like:

VIEW OUTPUT
---------------

Single Field| other field same node ................  node (1)
Which pops  | other field same node
a slideshow |
from node 1 |

Single Field| other field same node  ................  node (2)
Which pops  | other field same node
a slideshow |
from node 2 |

Single Field| other field same node  ................  node (3)
Which pops  | other field same node
a slideshow |
from node 3 |

and so on...

All of which will ultimately go into a block, or perhaps a panel.

=============

This is basically a yes or no question. I'm only seeking to verify feasibiliity here right now. I'll do my homework. :-)

Thanks again.

Dynamic display block module options

ppblaauw - August 20, 2009 - 01:17

For this solution I would create two views.

First view to select randomly nodes from the slideshow content type.
- The slides of this view link to the nodes
- This view can be in a block so it is always visible but it will change content on page refresh when selecting a node

Second view to show the image in that node from the slideshow content type.

Did you ever get this to

IncrediBody.com - October 17, 2009 - 22:23

Did you ever get this to work? I am attempting to accomplish the same goal, and have not succeeded as of yet. I tried using http://drupal.org/project/jquery_slideshow with the http://drupal.org/node/599190 patch so I could display multiple images on a page, but Internet Explorer slowed down significantly in scrolling when doing so.

Any ideas?

 
 

Drupal is a registered trademark of Dries Buytaert.