Training and Development for Drupal

Views + Views Slideshow Screencast

FAIL (the browser should render some flash content, not this).

If you like this screencast, you can show it by pitching in to a special fundraising effort. (And here's why.)

Here is a fast screencast on creating slideshows using the Views and Views Slideshow modules.

Views Slideshow provides a new display style to any view called "slideshow". It uses jQuery to display screens of content on a rotating basis. Slideshows can be text, photo, video, or any sort of node, comment, or user. Users can even pause the slideshow just by hovering the mouse over the slideshow area.

To make the best use of this screencast it would be awesome to have some prior exposure to the Views module for Drupal 6. You should also have working knowledge of Drupal including the installation of contributed modules.

Comments

Nice screen cast. But have you tried this on drup 6 and can I add captions to the Videos? Ideally I would have a view of an image and a caption in the view.. ALso, can this view be themed?

thanks agin for the screen cast.

Great video. Thanks.

This comment is a bit off topic, but ...

Why did you clone the quotes view before creating the slideshow view? Couldn't you have just created a new display for the new and set. It seems like all you needed to do was create a new block display on the view and follow the same step you did after creating the slideshow clone.

I can understand this can be easier in a way since you don't have to worry about messing up the existing view, but in the long term I think it would be better to use multiple displays of a single view instead of having multiple separate views.

What do you think?

When I teach in class, I drive home the point to keep a backup of your original work at every stage - from storing a copy of your database when installing modules to cloning views when you wish to experiment with a new method. Makes for a fast recovery if you screw it up. If you are already experienced and comfortable with Views then you certainly could just add additional display types to the same view as you say.

That's a great point for how to approach things that are not yet well tested. I'll keep that in mind, especially if I find myself teaching. :)

pure awesome-ness. ^:)^

thanks for the nice lesson.

Very good info. Time to move my site to Drupal 6. Does the slide show preload images (or nodes) before displaying? Does it have AJAX capabilities so that a large slide show on my front page wont slow its display?

Thanks for spreading the knowledge Sean.

Well done !!!

Like your demonstration, very easy to understand, at last, some nice explanation on how to use a module in Drupal.

I'm new to Drupal, and I lose hair trying to understand how to use some modules in it.

You opened my eyes and made things easy.

Love you ! :)

Thank you,

Sigal

Great, i got it, i'll use it and i thank you

Well done! It's awesome when someone shows, through the use of a very usable example, the ease of drupal as you have done. I'm a struggling coder to say the least, as I am sure many of other drupal users are, so I believe a presentation like this pushes the entire application community much further much faster.

I was only looking for a simple ticker module when I stumbled on this - so I'm thinking this is huge score.

Great work!

--Frank

Thanks, Frank.

Hi Doctor,

Your video is great and got me into the slideshow module must faster than if I had been without it. I am stuck with a problem that I haven't found any documentation to in drupal support. I want to make a slideshow of images. Simple enough. Using the methods from your video I ended up with a slideshow of images that included above each image the title, user, and entry date for each node. I definitely don't want those bits, just the image itself. The support suggests the fix is to add a field " Image: Display Image" to the slideshow video, except that my list of options for fields doesn't include that one!

Anything will help I'm sure,

and thanks in advance,

--Matthew

Matt, you have to be sure you are using an image presentation module or solution that creates fields for images. The Image module will do that, and integrate with Views so you can get something like an Image: Display Image field in your view. The Imagefield and CCK modules can do the same thing. Good luck.

Nice one Sean,

I'll definitely give that a go.

BTW what do you use to make your screencasts.

BTW also I like the captcha font -- which is...?

Joc

I'm using Snapz (Mac) to make the screencasts. It's not terribly expensive if you intend to use it often. The captcha font is Impact.

Too bad it doesn't really work that way. I get up to the part where you change it to a slide show and it just reverts back to unformatted every time. Just doesn't work. *sigh*

Check that you are using the same module versions (at least) that I am in this example. I also find it helpful to disable caching sitewide when experimenting with a new module recipe.

Love it, I like your logic. I would like to talk with u sometime. Can I have your msn?

Great job on this, Sean. You really have a gift for breaking down complex concept info plain language, which will be critical for Drupal to proliferate into the massess. Nice work.

Thanks, Sean!

Great screencast. I remembered that this module exists but wanted to look into it. Now I have, and I see it fits into my plans perfectly.

Joonas / Finland

NICE! Thanks!

Would be cool to see how to attach images to a node and run them through a slideshow. That would create a pretty cool slideshow module!

Take a look at my screencast for attaching images with Imagefield and Imagecache first:

http://drupaltherapy.com/node/47

Then come back here and the method for making imagefield slideshows should come together for you.

Great screencasts sean. I was wondering if you're familiar with geocoding and mapping content. There isn't a lot of info out there for a newbie like me. Specifically when it comes to using Geonames (which is supposed to be awesome) to get the location data and turning it into maps for your content. Anything you could do to shed some light would be appreciated.

Freddy

Freddy, look at the new release candidates for Gmap and Location. I've used them to make some cool things, like this one: http://cctvcambridge.org/mediamap

This is great, thank you! I'm wondering whether these modules (or another) are best if you want to also give users some controls (next, previous, stop) or have a scrolling series of thumbnails beneath the main slideshow area.

Any idea about that?

Thanks, great work Sean!

Thanks for a great series of screencasts.

I now love views slideshow it just works!!! Can't wait to put it in some production websites.

Thanks for the slideshow and the
video show with 6.2. I am
moving up in the world and want to add some cool stuff.
Good job and I just might buy your book.
Paul

What an excellent screencast! Love it. Thanks Sean!

I'm migrating an existing site to Drupal and stumbling across your demo on using slideshow was very lucky for me.

I'll be bookmarking your site, you can bet on it.

Thanks again and looking forward to your next screencast!

Thanks for the beautifull presentation for a slideshow module
It is really good for quotation and photoalbums

Thanks very much Sean - I wasn't aware of views slideshow and it looks very interesting.

You do have a gift for making complex things simple! Thanks for the screencast :-)

This may be a strange question to ask, but in your example, how would one make text appear next to the user's image? Things like details of the user's profile, for instance.

To be honest, I noticed that the only user field I could pull into a view was the user pictures field. By default, anyway. I think if you created custom user profile fields then you could leverage those. If you used the Bio module or Node Profiles system (I have not used these in Drupal 6 yet) then you could get more play from the users data into a view (and then into a slideshow).

Thanks! As you pointed out, I guess using the Bio or Node profile modules will make make more fields available to build the view.

You should let aaron know about this screencast so he can link to it from the project page.

Awesome work!

This is a really nice module and a great screencast. Thanks, Sean!

Post new comment

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options

Most Recent Screencast

See video

Support the Association