I want to have a slideshow that users can click through or rotate automatically. I want to attach multiple images to the node/post and have a slideshow from those images. I tried using Views Slideshow and Carousel, but they seem to have issues with this (or else I have issues with it). Views Slideshow displays all my images in the node vertically, rather than one at a time. And Views Carousel only shows the first image in the node and all the others out of view. Can these modules do what I'm asking and I'm doing something wrong, or is there a slideshow module that can make a clickable slideshow of multiple images in one node? Thanks for any help you can offer. I've been at this for days.

Comments

WorldFallz’s picture

Sorry, but i don't understand what kind of slideshow you're after-- if you can link one that looks like what you want then maybe I can recommend a module.

graphic-1’s picture

Here is an example of what I'm after:

http://www.rocketdog.org/portfolio-item.php?sortby=recent&id=29

I know that Views Carousel does this exact thing, but I'm not as concerned with the look of the slideshow as I am about how it will function. I want to create a content type called 'project' with an imagefield for multiple images to be uplaoded. Upon creating new content, I want to write a description and have all the images for that one project to appear as a slideshow. I've just been having trouble with Views Slideshow and Views Carousel to get the desired output to function correctly, and I don't know if it's my lack of knowledge or the module's lack of ability.

WorldFallz’s picture

views_carousel is definitely the way to go--- what specific problems are you having? Did you watch the video?

graphic-1’s picture

Thank you for the concern to help me. I watched http://mustardseedmedia.com/podcast/episode20 and have been through the forum and module issues, specifically this http://drupal.org/node/371380 issue was what I think I was experiencing.

On the mustardseedmedia.com video, he has created a view filtered by node type, and I am looking for it to be filtered by node id. So, for Bob, every image is in a separate node. So, for example, there are 10 pages with stories about different dogs, and Views Carousel will take the first image of each story and put them into the carousel format. When I filter by a single node id, only the first image from the node will appear in the carousel, with the other images stacked vertically beneath each other, thus out of view of the carousel window (but can be seen in Firebug).

On the issue post I mentioned above, people say to have "Grouping field" as "none" but that doesn't change anything. The last solution said that "it was a css issue, css from other view made the pictures go vertical (not horizontal), so only one picture was seen". This is my first website and first View, so I'm not sure what CSS would be affecting this. I have used imagefield and IMCE to upload multiple images, so I thought maybe it was related to the way that was set to display multiple images vertically in a post?

So, I tried using Views Slideshow instead, but it would output all the images from a single node vertically at once, and then fade to all images from another node stacked vertically, and so on and so on, rather than one image at a time. That's why I was wondering if it was even possible for these slideshows with Views to display one image at a time from a node that contains multiple images.

I apologize for my lack of knowledge. I really appreciate the time you've taken to try to help me.

graphic-1’s picture

It did seem to be that in View carousel, under Fields>>Content:Image, I had "Group multiple values" checked as the issue had stated. I just confused it with Views Carousels setting "Grouping field."

danielhonrade’s picture

Hi, I have a project which also requires to show a slideshow from a single node thereby showing only images uploaded from that node.
You need first to download View Reference module and enable it

Here's how:
1) Create node with multiple images
2) Create view and configure it with only this field = content->image..., display as slideshow, important: don't group, argument = node->id
3) Create another field on the node type that has multiple images(using manage fields), and choose view reference as its type
4) There you can see the view with the slideshow you created and select it, you can also pass argument to it like what node id for a different node
5) Edit the node that you created which has multiple images and select the view that you created, save
6) This time, the slideshow is shown in the node together with the static images in a row, what you can do is hide the images in the display configuration in the node type/display fields
6) You should see it by now.

Daniel Honrade, Jr.

Freelancer
email: danielhonrade@gmail.com

jasom’s picture

nice post

knalstaaf’s picture

This is the approach that works for me (in Drupal 7):

  1. Set the format to "Slideshow"
  2. Add the image field twice in the Fields section
    • First image field: imagestyle = [name of the big image-style], Multiple field settings -> uncheck "Display all values in the same row"
    • Second image field: imagestyle = [name of the thumb-style], Multiple field settings -> uncheck "Display all values in the same row", Exclude from display
  3. In the Slideshow settings:
    Cycle options:
    • Widgets: [v] Pager
    • Pager type: Fields or "jCarousel Pager" (see below)
    • Pager fields: field with the thumbnail image style
  4. Add a contextual filter (if only the images of that node should be displayed): Content: nid
    • [o] Provide default value
    • Type: Content ID from URL (taking that this is available)

Notice: this puts the thumbs to slideshow in a static way. If you want a JCarousel-like navigation between the thumbs, consider the Views Slideshow JCarousel module. If you use this module, don't forget to add the necessary js-files to the libaries folder (sites/all/libraries/jcarousel). After that, switch the Pager type to "jCarousel Pager" in the Slideshow settings (see bullet 3 in instructions above).

bdparker’s picture

My one problem with this is in step 4, where you say:

Type: Content ID from URL (taking that this is available)

I can't put a static value on here. I'd like to add this gallery to articles, and I'll have several thousand articles. I'll need one gallery to use on all of these, so I need to pass the ID into this contextual filter somehow.

How do I say "when nid = [this]"?

saurabh.dhariwal’s picture

You can use jquery_slideshow module, it will add an option in display field with imagecache preset!!

ga6264’s picture

I am not sure if understood you correctly but I used Basic DDBLOCK for a image slideshow. You can load all the images on a folder in the drupal default files location and it will cycle all the images in a slideshow. You can then create a node and add the ddblock to the content of the node. You can also configure prev-next on ddblock so users can interact with your slideshow.

sabrawy’s picture

This is an excellent module for multi value image field
http://drupal.org/project/galleryformatter
you should try it.

saurabh.dhariwal’s picture

In gallery Formatter if you try to change the location of thumb image from horizontal to vertical then the green arrows will stop working, So I made a custom work around, created two views, one is with Views slideshow and second is with Jcrousel, and add a small Jquery code which shows the bigger image onclick of thumb

For Drupal 7 there is a good module for this http://drupal.org/project/field_slideshow