Did you add an Image field?

This is the node type that I'll be using in the demo. If yours looks like this, then you're on the right track. Remember, you can add as many fields as you like, just remember to add them to the slideshow view.

What Size should my images be?

If you don't have a set of completed slideshow designs to take measurements from, then make some logical choices when creating your Imagecache presets.

The Results

More style & options in Drupal 7?

Ipswich Ale Brewery

What goes better with Drupal than beer? I can't think of anything.

The only active image in this design is the larger one, on the left. This is one of those instances where a pager, slide navigation controls, and extra info would make this look cluttered instead of creative.

The Field Museum uses it too!

The variations on design, implementation, and overall function of the Views Slideshow module are, in my opinion, easier to change in Drupal 7 than in previous versions; at least without writing any code.

It's Right under your Nodes

Create the fields you want displayed in your slideshow.
I've only created one image style preset because I'm using the media module, which includes some of its own file display types.

Media and it's caveats

Default (active tab), Link, Preview, Small, Large, and Original are the prebuilt file type displays that come with Media. Default and Link do NOT initially have an image style assigned — I assigned the image style I created to 'Default'.

Create nodes for your slideshow

The View

This view will showcase your content in a slideshow with thumbnail navigation and all other fields you wish to include.

The Result

Carousel, Merry-Go-Round — What's the Difference?

Although the difference can be subtle, there is most definitely a difference. Carousels, as we know them around the web, tend to be flat, linear animations. If you want to make your carousel fun, then you want a 3D merry-go-round, but lets save that for another time.

The View

The Result

The style options for jCarousel are pretty straight forward. The only fields that are being output in each row are the thumbnail sized image and the node title.

QuickTabs

There are many ways to build tabbed displays in Drupal, but none as quick and flexible as QuickTabs.Appnovation Technologies uses Quicktabs on their portfolio page as filters; each tab is using a different Views display.

The Setup in Drupal 6

The Result

How easy was that?!?!

So What's Different in Drupal 7?

"The Renderer" give you options for how you want your content to be displayed; Accordion, Quicktabs, or jQuery UI tabs.

These options give you more power over the display of various content on your site. Previously, Accordions and UI Tabs could only be created via Views or other modules that utilized those types of data displays.

Want to display output from another module in a Quicktab?

There is now an option to do exactly that.

Having a Callback method for a tab is pretty awesome. You can display the content of any site-relative path (it's not an iFrame, so no external links) in a quicktab. Anything from admin/ to a path generated and controlled by a module — FAQ for instance.

Accordion Rendered Display

The accordion display uses jQuery UI's theme style by default. If you've got a Theme Roller theme available in your code, it will automatically be used. On an unrelated note, if you would like to easily theme all of your jQuery UI elements, the Design Test module will help you with that.

Quicktabs Rendered Display

Just like the style options in the Drupal 6 version, the base Quicktab Styles are available.

jQuery UI Rendered Display

As far as I can tell, the only reason you might want to use the jQuery UI tabs option would be if you are using a jQuery UI theme. Otherwise, the functionality is exactly the same as using the built in Quicktabs Styles.

Concurrent versions of jQuery

You'll want to place the following in the head statement for all rendered pages of your site. In Drupal 6, this will be in page.tpl.php and in Drupal 7, html.tpl.php.

More about the jQuery framework for this presentation

Reveal.js, formerly CSS 3D Slideshow, is a tool which allows you to quickly create good looking HTML presentations. Beyond the changed name, the updated slideshow includes a fair amount of new features.