Building a Rotating Image Banner as a Views Slideshow

In:

8Jun2010

On two separate sites I've recently had to implement a rotating image banner that could optionally be linked to paths within the site or to external URLs. Originally I tried a (mostly) self-contained module that matched the feature set called Rotor with some success but really needed greater flexibility. Undaunted, I rebuilt the functionality using a custom content type, a few CCK fields, ImageCache, and Views with the Views Slideshow plugin.

This tutorial is for Drupal 6 and walks through the exact steps I took to build the slideshow for the relaunch of Biblical Training, including enabling the right modules, creating the content type, defining the ImageCache presets, and building the View.

Hope it helps!

1. Enable the dependent modules.

To get started, you'll need to download and install the modules listed below. It takes quite a few modules to reproduce the feature set of a single module, but building a complex feature from scratch has advantages in flexibility and reusability. Most of these modules are standard "utility" modules on many Drupal sites that can be used for a variety of purposes on your site.

Enable the following modules through the /admin/build/modules form. In the CCK fieldset enable Content, FileField, ImageField, Number, Option Widgets, and Text. In the ImageCache fieldset enable ImageAPI, ImageAPI GD2 (or ImageAPI ImageMagick if your server supports it), ImageCache, and ImageCache UI. In the Other fieldset enable Advanced Help. In the Views fieldset enable Views, Views Slideshow, Views Slideshow: SingleFrame, and Views UI.

2. Create the Banner content type.

Browse to /admin/content/types/add on your site and create a new custom content type with the name set to Banner, the type set to banner, and a meaningful description for your site's administrators. A body field for the banner is unnecessary, so you can expand the Submission form settings fieldset and disable the field by clearing the Body field label textfield. I leave the Workflow settings defaulted as Published and Promote to front page, but you might adjust these depending on the editorial needs for your banner content. Finally, because comments are unnecessary for banners, I set the Default comment setting in the Comment settings fieldset to Disabled.

3. Add the necessary CCK fields.

I use three CCK fields: an image field, a textfield used to collect the link path, and an integer select list used to provide a sort order for banners in the Views. At this point, I'll mention that an alternate method of ordering banners would be to use the NodeQueue module, but it was unnecessary for my use cases.

To add the fields, browse to your Banner content type's Manage fields tab using the operations link from the content type list page:

First, add a new field positioned under the title labeled Image with banner_image in the name textfield. The field type should be File and the widget type should be Image. I like to store my banner images in a specific files directory, so I provide a file path in the Path settings fieldset (like banners). I didn't enable ALT text (i.e. what appears if an image does not load), but I did enable Title text (i.e. what appears when you hover the mouse over an image). Last, in the Global settings fieldset I mark this field as required.

Second, add a new field positioned under the image labeled Link path with banner_link in the name textfield. The field type should be Text and the widget type should be Text field. I don't adjust the default settings for the field at all, but you can feel free to require a link path for every banner image or include a help text informing your users to enter a Drupal path or a full URL.

Third, add a new field positioned under the link path labeled Sort order with sort_order in the name textfield. (I don't use a banner specific name for this field because I reuse the sort order field on multiple content types.) The field type should be Integer and the widget type should be Select list. In the Global settings fieldset I mark this field as required. The other settings are tricky. Even though it's more than most sites will reasonably require, I tend to allow a sort order of 1 to 50. So, in the Minimum textfield put 1, in the Maximum textfield put 50, and in the PHP code textarea for the Allowed values setting put the following snippet:

return drupal_map_assoc(range(1, 50));

When you view the fields screen for the content type, it should now look like this:

4. Define a couple of ImageCache presets.

While your site will likely require your banner images to have uniform dimensions, it's not necessary to enforce them on the file upload. Using the ImageCache module, we can define presets that are collections of actions performed to transform an image on display to your desired specifications. These transformed images will be cached in your site's files directory so they don't have to be regenerated each time they're viewed. On my sites, I use one preset for the image as it should appear in my rotating banner and a smaller preset for use in lists. I still recommend to my administrators to attach files to the proper size for the full banner to avoid any scaling or cropping issues.

Browse to /admin/build/imagecache/add, enter banner_full as the Preset Namespace, and submit the form. Next click the Add Scale and Crop link and enter the precise pixel width and height the image should be in your rotating banner. For this example, I'm using a pixel width of 690 and height of 230. When you click the Create Action button, you will be returned to the preset's configuration page where you can preview the transformed Druplicon image beneath the form to make sure ImageCache is transforming images properly.

Repeat this process using banner_small as the Preset Namespace and a smaller set of dimensions. I divided by 3 to use a pixel width of 230 and height of 77.

With the ImageCache presets defined, we need to go back and edit the Banner content type to use these for image display. From its edit form, click its Display fields tab. On this form, set the Image field's label to be hidden, its teaser to be banner_small image linked to node, and its full node to be banner_full image linked to image.

5. Create the rotating banner View.

Now that we have a Banner content type defined and the ability to resize its images on display, it's time to create the heart of the rotating banner. Creating Views isn't for the faint of heart, but it's an essential skill for a Drupal site builder or developer. Without explaining Views in too much detail here, I'll simply list the steps to recreate the precise View I use.

Browse to /admin/build/views/add and create a new Node View (the default type) with the name rotating_banner.
Change the style to Slideshow by clicking the Unformatted link next to the Style label in the View's Basic settings. When you do this, it will bring up a second settings form with several options you can adjust dealing with the animation and behavior of the slideshow. For now, it's enough to leave them all to their defaults by just clicking the Update button.
I don't make any assumptions about how many images the rotating banner should have, even if 10 or more is overkill. Stil, I click the 10 link next to the Items to display label and set it to 0 for unlimited.
Click the + link by the Fields area to add a new field to the View. Scroll down the checkboxes list an check Content: Link path. This field won't actually be displayed, but we need it to be present in the View for use as the link path for the image banner. Simply check the Exclude from display checkbox and click the Update button.
Click the + to add another field, this time selecting Content: Image. In the settings for the field, check the Output this field as a link checkbox to expand some link settings. In the Link path textfield, put the token [field_banner_link_value]. Further down in the field settings form select the None option in the Label radio buttons. Last, in the Format select list, choose banner_full image and click the Update button.
Click the + link by the Sort criteria and add Content: Sort order. Leave the settings for the sort order to the default and click the Update button.
Click the + link by the Filters area and add the following filters all at once: Node: Promoted to front page, Node: Published, and Node: Type. For the promoted and published filters, choose the Yes option. For the node type filter, choose Banner in the Node type select list.
Last, we just need to add a page display to the View. In the top left of the View edit form locate and click the Add display button beneath the select list with Page already selected. The only thing to adjust on the new display is the path, so click the None link by the Path label in the Page settings area. Enter banner in the textfield and click the Update button.
Click the Save button beneath the View's settings area. Your View's settings should now look like the following image:

6. Display the View on the front page.

There are several ways to display this View now. The way I've implemented it for my sites, I set the default front page in my Site information settings form at /admin/settings/site-information to the rotating banner page's path, banner. I then added additional content to the front page using blocks.

Depending on the regions in your theme, you might alternately set the front page to something else and use a block display on the View instead of a page display. That's really up to you and how your site is architected.

Whatever you do, once you've set it up, start adding banner images to the site and they should appear. The way the View was setup, only banner images marked as Promoted to the front page will appear. If you're using a rotating banner in multiple places, you might only include that filter on a specific display of the View. Really, what we've done is just a beginning, and there's almost nothing you can't do to customize this for your site.

Add new comment

Comments

#1 Great tutorial

Submitted by tlattimore (not verified) on Tue, 06/08/2010 - 19:56.

Great tutorial Ryan. I have been using this module on a project I am currently working on. Been kind of a trial and error process to get it to do want I want. Glad to have tutorial to reference now. Thanks a a lot for sharing.

#2 BT

Submitted by Patrick (not verified) on Tue, 06/08/2010 - 20:57.

bt looks great...i did not read the rest of the post because i do not know what it means but the site looks good!

#3 haha No worries. Thanks for

Submitted by Ryan on Tue, 06/08/2010 - 21:14.

haha No worries. Thanks for stopping by.

Also, saw your wife tonight. Missing from the picture were you and us sitting at a table full of food. We should fix that sometime when Summer permits it.

#4 Great tutorial!

Submitted by Dan Schaller (not verified) on Tue, 06/08/2010 - 22:21.

I'm not sure how you did it but you published this within hours of when I began fighting with the code for a rotating banner that I need for one of the sites I have a deadline for soon!

I read through the tutorial (without fingers on a keyboard) and it looks as if it will do exactly what I need. Tomorrow morning I'm going to read it again while actually doing the project to see what I can learn.

Thank you ever so much, for this and for all the other energy you've put into the Drupal community.

#5 Awesome new, Dan, and thanks

Submitted by Ryan on Tue, 06/08/2010 - 23:24.

Awesome new, Dan, and thanks for the kind words.

#6 Great tutorial!

Submitted by Larry (not verified) on Wed, 06/23/2010 - 21:47.

I too have been struggling with the exploiting the Views Slideshow but just could not get insert it into the web pages. Thank you, Ryan for your very competent, eloquent and thorough tutorial. I am bookmarking it and saving it forever.

#7 how did you organize content on biblicaltraining.org

Submitted by Guest (not verified) on Wed, 06/09/2010 - 00:56.

Hi Ryan,
Not strictly related to your how to but as i think that biblicaltraining.org looks great, i was wondering how did you organize your content there (category ? taxonomy ?) and generate navigational menu ?
i'm new to drupal and I've hard time figuring out how to structure content within drupal actually ?

Thanks.

#8 Well, a lot of Views were

Submitted by Ryan on Wed, 06/09/2010 - 01:17.

Well, a lot of Views were used for things like Speakers pages and Lectures listing within classes. However, Bill handcrafted a lot of the content as well. I don't believe any of the Class listings are generated by Views - because a new class being added is so infrequent, the appropriate page is manually updated when a new class launches.

As for other content, the bookstore is Views driven, as are Certificates listing pages (along w/ class lists on Certificate pages), and all the informational pages are handcrafted.

The menu bar across the top is simply the Primary Links menu displayed using the dropdown menu available through Top Notch Themes' Fusion Market Share theme.

But really, I guess the short story is Bill manages a lot of the content / organization by hand, and it's often a process of trial and error until everything fits and people can find what they need.

#9 Thanks for writing this up!

Submitted by redndahead (not verified) on Wed, 06/09/2010 - 01:07.

Thanks for writing this up! I'll add a link on the views slideshow project page as well as the documentation.

#10 Awesome.

Submitted by Ryan on Wed, 06/09/2010 - 01:11.

Awesome.

#11 Feature?

Submitted by Jerad Bitner (not verified) on Wed, 06/09/2010 - 07:53.

This looks like it would be a great redistributable feature!

#12 Agreed! I have Features

Submitted by Ryan on Wed, 06/09/2010 - 09:36.

Agreed! I have Features installed on the site I used to create this tutorial but hadn't gotten around to attempting the export.

#13 Here's a Feature

Submitted by Dane (not verified) on Mon, 07/18/2011 - 17:59.

I've wrapped up the configuration described in this tutorial into a Feature: Sulen, a rotating banner based on Views Slideshow 6.x-2.x

#14 Linked image

Submitted by Ken Heim (not verified) on Wed, 06/09/2010 - 18:17.

Curious why you use a text field for link path rather than just the one link image field http://drupal.org/project/linkimagefield?

#15 I guess I could give a

Submitted by Ryan on Wed, 06/09/2010 - 19:45.

I guess I could give a three-fold answer:

I didn't know the module existed.
Even if I did, it'd be just one more module to install for no real purpose. I can do all I need through the field's display settings in the View using the textfield, which is a core part of CCK.
I don't need the image to appear as a link on the node because my use case doesn't involve anyone except administrators ever needing to see the actual banner nodes. I'd use the "Link Image Field" module if I needed to output the image as a link through the display settings for my content type's fields. So it does have a purpose, but it's not a requirement here.

The fewer modules the better when it comes to ongoing site maintenance.

#16 My banner doesn't show up

Submitted by Helix Online (not verified) on Thu, 06/10/2010 - 11:09.

I followed the tutorial, and everything in all the pictures looked identical and I even went through the tutorial a second time and double-checked everything. The only difference is that I did not use the promoted to front page filter but I wouldn't imagine that would effect anything.

I did create a block display view, which isn't working, but I even tried just viewing the page view at www.helixathens.com/banner and that didn't work either. Here is the query I get from the live preview, maybe that could help you help me!

SELECT node.nid AS nid,
node_data_field_banner_link.field_banner_link_value AS node_data_field_banner_link_field_banner_link_value,
node.type AS node_type,
node.vid AS node_vid,
node_data_field_banner_link.field_banner_image_fid AS node_data_field_banner_link_field_banner_image_fid,
node_data_field_banner_link.field_banner_image_list AS node_data_field_banner_link_field_banner_image_list,
node_data_field_banner_link.field_banner_image_data AS node_data_field_banner_link_field_banner_image_data,
node_data_field_sort_order.field_sort_order_value AS node_data_field_sort_order_field_sort_order_value
FROM node node
LEFT JOIN content_type_banner node_data_field_banner_link ON node.vid = node_data_field_banner_link.vid
LEFT JOIN content_type_banner node_data_field_sort_order ON node.vid = node_data_field_sort_order.vid
WHERE (node.status <> 0) AND (node.type in ('banner'))
ORDER BY node_data_field_sort_order_field_sort_order_value ASC

#17 Hmm, when I look at the HTML

Submitted by Ryan on Thu, 06/10/2010 - 15:55.

Hmm, when I look at the HTML of your page, it has the necessary divs to display the View, but they are indeed empty. Your query looks exactly like the query from my test site, so my hunch is you've configured everything properly. I'd double check to make sure you have created some published banner nodes. When I browsed to your site's /node listing, I didn't see any that looked like banners.

I didn't direct you to add an "Empty text" message to the View, but if you did so and that was showing up for you, then it just means that Views can't find any nodes matching the criteria after the WHERE statement in the query (for yours nodes that are published and have the banner node type).

#18 I get this same result. exact

Submitted by Alex Clark on Tue, 06/29/2010 - 03:46.

I get this same result. exact same verbage. could it be that the images are sized to be too big. i'm lost.

#19 Dynamic Display Blocks

Submitted by Gerry (not verified) on Sat, 06/12/2010 - 08:25.

Hi,

Thanks for the tutorial.

While Creating Content after your tutorial there are three processes 1. Create a custom image with custom text on it using a photo editor 2.Create the page for the Link path and 3. Create the Banner.

It would be simpler for a person creating content to have a one step process like in the Dynamic display block module http://drupal.org/project/ddblock Of course there are separate headaches while setting up ddblocks.

#20 The banner does not rotate

Submitted by Rosie Brendan (not verified) on Sat, 06/12/2010 - 22:08.

First, I think that this is a great tutorial. You broke down something complicated so that anyone can do it. I have all my banners displayed in a column at /banner.

One thing though - my banner doesn't rotate. Honestly, from the instructions and what I know of views so far, I still can't see how I could get this to rotate.

I tried adjusting the views style settings and that didn't work either.

How do you get it to rotate?

#21 Hmm, I don't suppose you can

Submitted by Ryan on Sun, 06/13/2010 - 02:32.

Hmm, I don't suppose you can put a screenshot of your View's configuration page online somewhere? Did you get step 2 of the View configuration? If you did that, instead of a column, you should only be seeing a single image.

#22 Finally got it working

Submitted by Rosie Brendan (not verified) on Sun, 06/13/2010 - 09:03.

First, I did not realize that the views slideshow module is separate from the views module. So, I downloaded views slideshow 2.1. That showed the slideshow option but using that option left me with a black screen at /banner. So, I downloaded views slideshow 2.0 instead and it worked!

Thanks so much!

#23 The banner does not rotate

Submitted by Larry (not verified) on Wed, 06/23/2010 - 21:20.

A feature of Views Slideshow that is not well known is that when the mouse pointer is on the current image, the slideshow will pause and appear to not rotate. Just a thought.

#24 Great Writeup

Submitted by ajayg (not verified) on Wed, 06/16/2010 - 00:53.

Great Writeup. Got it working first time. But I got more hungry.

Would you know if this can modified to show more than a single frame? Say if I need to show 3-4 banners in row and then rotate those? Something what a jcarousal type effect? I don't need to rotate each frame. Just when banner goes out of view from frame1, everything shifts to say left and new banner appears at the rightmost frame.

#25 not able to see the banner

Submitted by vaibhav (not verified) on Thu, 06/17/2010 - 07:14.

m not able to see the banner...i hv followed all the instructions as given above..the preview i got is :
SELECT node.nid AS nid,
node_data_field_banner_link.field_banner_link_value AS node_data_field_banner_link_field_banner_link_value,
node.language AS node_language,
node.type AS node_type,
node.vid AS node_vid,
node_data_field_banner_link.field_banner_image_fid AS node_data_field_banner_link_field_banner_image_fid,
node_data_field_banner_link.field_banner_image_list AS node_data_field_banner_link_field_banner_image_list,
node_data_field_banner_link.field_banner_image_data AS node_data_field_banner_link_field_banner_image_data,
node_data_field_sort_order.field_sort_order_value AS node_data_field_sort_order_field_sort_order_value
FROM node node
LEFT JOIN content_type_banner node_data_field_banner_link ON node.vid = node_data_field_banner_link.vid
LEFT JOIN content_type_banner node_data_field_sort_order ON node.vid = node_data_field_sort_order.vid
WHERE (node.promote <> 0) AND (node.status <> 0) AND (node.type in ('banner'))
ORDER BY node_data_field_sort_order_field_sort_order_value ASC

i dnt knw wheres the bug..help plz..

#26 How does this compare with Rotor

Submitted by Gregg Marshall (not verified) on Sat, 06/19/2010 - 23:11.

This is a great write up.

In the introduction you said you wanted something like Rotor, but different.

Out of curiosity, what is different between what you have accomplished (pretty amazing) and what Rotor does?

#27 Thanks for the tutorial - but i thini am missing somwthing...

Submitted by Quintin (not verified) on Mon, 06/21/2010 - 12:43.

I followed all the instructions, but cannot see the rotating banner.

I am a newbie with regards drupal and php, so please excuse my ignorance here.

the page is:
http://summitcycles.co.za.www89.jnb2.host-h.net/banner

i added three images:
http://summitcycles.co.za.www89.jnb2.host-h.net/content/bannerimage3

i also created a block and dropped it into the footer - still nothing.

these are my settings, please let me know what else i can give you to check why it is not displaying.

SELECT node.nid AS nid,
node_data_field_banner_link.field_banner_link_value AS node_data_field_banner_link_field_banner_link_value,
node.type AS node_type,
node.vid AS node_vid,
node_data_field_sort_order.field_sort_order_value AS node_data_field_sort_order_field_sort_order_value
FROM node node
LEFT JOIN content_type_banner node_data_field_banner_link ON node.vid = node_data_field_banner_link.vid
LEFT JOIN content_type_banner node_data_field_sort_order ON node.vid = node_data_field_sort_order.vid
WHERE (node.promote <> 0) AND (node.status <> 0) AND (node.type in ('banner'))
ORDER BY node_data_field_sort_order_field_sort_order_value ASC

#28 THANKSSSSSS

Submitted by MMUsashi (not verified) on Fri, 06/25/2010 - 18:41.

WOW WOW WOW WOW

Thank you SOOOO much !!

After struggling with creating a slideshow gallery I found this article linked from Views Slideshow projects page on drupal.org .

You saved me so much time and frustrations..

You're the man !!!!

#29 Nicely Written BUT....

Submitted by Alex Clark on Sun, 06/27/2010 - 19:05.

I couldn't get it to work. All of my pictures resembled yours all the way up to the 5th step.

I followed every step point for point and I'm not sure where I might have dropped the ball. The last thing I did was changed the site information Default front page. ("banner" instead of "home.")
------------------

Can the last step read like this

"and then click save, or drag this image to this folder, go to your home page and you'll should see your work in action" ?

#30 I can't tell from your

Submitted by Ryan on Tue, 07/06/2010 - 02:24.

I can't tell from your comments if you've actually added banner nodes to the site after doing all the setup... Drupal won't have any stock content to go from, so you'll then need to add content through the appropriate menu (Create content > your node type).

#31 Espresso Maker | Electric

Submitted by Jake (not verified) on Sat, 08/06/2011 - 15:52.

Espresso Maker | Electric Scooters. | Stand Mixers | Slow Cooker
I agree with the entire comment above. Thanks for sharing nice information with us. i like your post and all you share with us is up todate and quite informative, i would like to bookmark the page so i can come here again to read you, as you have done a wonderful job.

#32 help

Submitted by Alex Clark on Tue, 06/29/2010 - 03:37.

help

maybe I have faulty modules? are there any videocast that I can be pointed too? Your gallery looks really good and I'd like to learn. thanks ralexanderclark@mac.com

#33 thanks for the easy to follow

Submitted by jeremiah (not verified) on Thu, 07/01/2010 - 07:55.

thanks for the easy to follow tutorial.

How can you set it to have different pages depending on the page url?

ie the about images for the www.site.com/about page ... etc

#34 Great tutorial

Submitted by Ralph Maijala (not verified) on Sun, 07/04/2010 - 03:51.

The tutorial was a great help and after a bit of fiddling I got it working.

I tried this after Rotor banner didn't work for me. Got everything to work and the banners rotate fine but no users could see other than admin. It was invisible to other users. I set it as a block to run rotating banner ads. the default and block view is set to access = unrestricted.

I could not even see them when I tried to access the node directly i.e. www.mysite.com/node/52
I had to go to admin/users/permissions and set the under the newly created content_permissions module for anonymous to be able to view and or edit the images. You might add this to the tutorial.

One other request. How do you add a field to the link path field that will allow you to open the link to another browser or tab (which would be great for an offsite link)?

Thanks again for the fine work. All the best

#35 Hmm, at that point I'd

Submitted by Ryan on Tue, 07/06/2010 - 02:21.

Hmm, at that point I'd probably just recommend using the Link module.

#36 For that you could add

Submitted by Ryan on Tue, 07/06/2010 - 02:22.

For that you could add multiple Page displays and assign them each a unique path. Then in your View's "Filters" sections you can add filters to display the appropriate content.

#37 how to set the path

Submitted by Guest (not verified) on Mon, 07/05/2010 - 05:49.

first of all i would like to say thanks for this greatful tutorial , i did all the stpes in the tutorial but i didn't get the path and also i am unable to view images so could you please help me how to view images and how to set the path.
thanks&regards
ramakrishna

#38 set the path

Submitted by Ralph Maijala (not verified) on Mon, 07/05/2010 - 07:23.

from my experience I did not have to set the path. I think that is only if you want a special folder to hold the slideshow images rather than the default folder.... I didn't set the path and it worked. one thing when you finish editing your view and display in the view make sure you save the view. the filters you added and the changes you made will no longer be in bold. I added a block display rather than a page display and did not require promoting to the front page.

first make some "banner" images and then see if you can view them if you are logged out and you try to access the node you just created directly by going to mysite.com/node/x if you cant see them go to admin/users/permissions and under the heading of 'content_permissions module' allow everyone to view the field_banner_full. viewing link and sort order is optional.

hope that helps

#39 edit

Submitted by Ralph Maijala (not verified) on Mon, 07/05/2010 - 07:25.

you should set permissions to view field_banner_image
R

#40 and also please mention the

Submitted by Guest (not verified) on Mon, 07/05/2010 - 05:54.

and also please mention the details of how to add images to our site it helps me a lot please help me.

#41 Great help!

Submitted by Jo (not verified) on Wed, 07/07/2010 - 17:07.

This tutorial was really easy to follow! Thanks for posting it!

#42 About time!

Submitted by Guest (not verified) on Thu, 07/08/2010 - 18:41.

For ages I have lamented the lack of decent documentation on views slideshow or any similar modules. This really fills that gap and is probably the best walk-through out there.

#43 No picture

Submitted by Bob (not verified) on Sat, 07/10/2010 - 23:21.

OK, I have done this twice now, with the same result. Nothing, nada, zip, zero pictures showing. I have tried it twice and I know, just know I am doing something insanely, foolishly, wrong. Here are my questions to hopefully narrow down the list:
1) When uploading new pictures do I use admin/create content/banner and then upload my content?
2) After, I upload my content, I would expect it to be uploaded to files/banner, but instead, it is going
to files/imagecache/banner_full/banner... is this correct?

Anything else I could possibly try. I want to like Drupal, but failing this badly is discouraging.

#44 Don't forget to check permissions!

Submitted by Luke McCormick (not verified) on Fri, 08/27/2010 - 15:01.

Bob, I was experiencing problems like you describe -- I followed the tutorial exactly, but pictures weren't showing up. Finally it occurred to me to check permissions, and I found that I hadn't used ImageCache yet, and the permissions were set to not allow anonymous users to access. (There are a lot of default permissions in Drupal that mystify me.) In any case, when I turned on a bunch of permissions (admin/user/permissions) I saw the pictures. That was the big breakthrough.

It also doesn't hurt to hit the "Flush all caches" button in the upper left corner of admin toolbar every so often. (If you don't have "admin toolbar" you need to get it!)

Ryan: Thanks for taking the time to do this. You are amazing, the Drupal community is so lucky to have you!

#45 Pictures Do Not Show Up

Submitted by Phil (not verified) on Tue, 07/13/2010 - 09:08.

I went through the entire tutorial and followed all the setup procedures. But there must be something that I am missing.

After the setup I created banner content with images. 5 different pages. When I preview them they show up with the title, and the picture. This works for each image. But, when I press Home, the screen goes blank and no images show up on the screen.

Any Help?

#46 Congratulations and thank you

Submitted by Roberto (not verified) on Wed, 07/14/2010 - 12:25.

Hi,

Thank you very much for your work. I have followed all your steps and, after solving some .htaccess problems with my hosting (I couldnt see the images in the sites/default/ directory), this works properly. There is only one thing I don`t have in my page and it's the numbers (1,2,3...) of the banners when those are shown in order to watch the banner you want pressing that number. I mean I can't see those numbers in my banner rotator page, so How did you do it. A thousand thanks!

#47 In the Slideshow settings,

Submitted by Ryan on Wed, 07/14/2010 - 15:48.

In the Slideshow settings, accessed by clicking the gear to the right of the Style: Slideshow line in the View configuration, you will see a fieldset titled SingleFrame options. About two thirds of the way down, you should see a select list titled Page that lets you put the numbers at the top or the bottom. There are other display settings in here that affect the activity and features of the slideshow, too.

Happy to help!

#48 Thanks again

Submitted by Roberto (not verified) on Thu, 07/15/2010 - 07:22.

Hi,

Thank you very much!; It works!

#49 Deep customization about Slideshow

Submitted by Guest (not verified) on Fri, 07/16/2010 - 16:47.

First of all let me congratulate you.

My doubt is as follow: i want to display more than one element per slide in my slide show. In views i just select the number of items per slide, and actually can select the number of offsett too. But in views slideshow i don't see this options. Do you know how can i do this?

Thank you very much.

PD: excuse my english.

#50 Link path misbehaving

Submitted by goremw on Wed, 08/11/2010 - 10:18.

I followed your wonderful tutorial and the banner slideshow is working - except for the link function. When you click the banner image, instead of using the link path variable it returns

http://mysite.com/field_banner_link_value

any idea what's happening?

#51 Just a guess, but are you

Submitted by itserich (not verified) on Thu, 10/28/2010 - 11:45.

Just a guess, but are you using the words or the token value?

Check the aera below where the text is entered for the token values, copy and past the token.

Good luck.

#52 Great timely tutorial

Submitted by Bil (not verified) on Thu, 08/12/2010 - 10:56.

Ryan, Thanks so much for this. I had about a 15 minute deadline to do exactly what you showed. You are a lifesaver.

#53 Great tuto

Submitted by Tuan (not verified) on Tue, 08/17/2010 - 19:05.

Hello, I like your tuto so much. It help me alot.
I would like to ask you a question, how can you arrange the numbers under the banner like in the site http://www.biblicaltraining.org/ and how did you do to change the image when the mouse pass on the number. Because in my case, i can only affiche one number for each image once, when the seconce image affiche, i see the seconde number but not the first.
I'm sorry if my question is noob, I'm a newbie in the drupal community.
Thank you very much.

#54 Sorry, in fact, Roberto have

Submitted by Tuan (not verified) on Tue, 08/17/2010 - 19:13.

Sorry, in fact, Roberto have asked the same question of mine. I didn't read before. I know the answer now.
THANK YOU VERY MUCH and I'm sorry.
IT'S GREAT YOUR TUTO.

#55 No problem. Glad you got it

Submitted by Ryan on Fri, 08/20/2010 - 19:47.

No problem. Glad you got it working.

#56 Any Help with Exposing as Block

Submitted by mdshannon (not verified) on Sat, 08/21/2010 - 09:46.

First off great tutorial.
But when I set up the view as a page and just go to the page it works great, but when I try to expose it in a block on my site all I get to show up in that block is a button that says apply and when you click on the button it takes you to the slide show page.
Anybody know what could cause this?

#57 Thanks!

Submitted by xl_cheese (not verified) on Wed, 08/25/2010 - 14:43.

I had a slideshow set up but I could never figure out how to get it to link to other node, views, etc...

It now works!

One think I figured out after some time is that when adding the fields in the view you need to make sure to have the link field at the top of the list. Otherwise, the token will not be availble to the other fields.

#58 Splendid

Submitted by Jon (not verified) on Fri, 10/22/2010 - 11:52.

Many thanks for your time and effort in posting the tutorial. I have followed it and my slideshow is working very well.
My problem is similar to xl_cheese in that I cannot link to a designated path from the image field. It tries to link to the token (field_promo_link_value) and not the value placed in that field in the node.
Please see at www.press-to-print.co.uk. the link field is at the top of the fields list and the field is populated in all instances of that content type.
Any ideas would be much appreciated
rgds
Jon

#59 how did you manage to solve this?

Submitted by Ben (not verified) on Wed, 03/16/2011 - 16:04.

Hi John,

I see that your slider is working already, but I'm struggling to make mine work I have the same problem - drupal tries to link to token, but not to value placed in the field in the image node. How did you solve this problem?

would really appreciate your advice!

regards,
Ben

#60 trouble

Submitted by Guest (not verified) on Fri, 09/10/2010 - 00:35.

hey greate tutorial. im having some trouble. ive done every step nd images wont show, wen i go to site building/ image cache, it doesnt find the sample image.... and one i build de view and block it doesnt either..... for example.... image cache is serching the sample image in a folder in my local host that doesnt exist... and it doesnt find images either.... any thougtss... sorry for my english im from argentina....
http://localhost/sites/default/files/imagecache/banner_full/imagecache_s...
that directory isnt generated.... and i think i found it elsewhere....

when publishing a Banner content i only se a broken file icon and a empty blog style published

#61 Banner page does not display anything

Submitted by Kenmed55 (not verified) on Thu, 09/30/2010 - 22:03.

You've done a great job with an extremely detailed tutorial that only a fool could screw up. So of course I've screwed it up. I've been over it again and again and I can't see what I'm doing wrong.

There are three banner images I added and when I run the query directly in mysql I get the 3 banner nodes back. Here's the actual query:

SELECT node.nid AS nid,
node_data_field_banner_link.field_banner_link_value AS node_data_field_banner_link_field_banner_link_value,
node.type AS node_type,
node.vid AS node_vid,
node_data_field_banner_link.field_banner_image_fid AS node_data_field_banner_link_field_banner_image_fid,
node_data_field_banner_link.field_banner_image_list AS node_data_field_banner_link_field_banner_image_list,
node_data_field_banner_link.field_banner_image_data AS node_data_field_banner_link_field_banner_image_data,
node_data_field_sort_order.field_sort_order_value AS node_data_field_sort_order_field_sort_order_value
FROM node node
LEFT JOIN content_type_banner node_data_field_banner_link ON node.vid = node_data_field_banner_link.vid
LEFT JOIN content_type_banner node_data_field_sort_order ON node.vid = node_data_field_sort_order.vid
WHERE (node.promote = 0) AND (node.status <> 0) AND (node.type in ('banner'))
ORDER BY node_data_field_sort_order_field_sort_order_value ASC

The live preview section on the view page shows the following:
Title
Path This display has no path.
Query build time 5.24 ms
Query execute time 0.19 ms
View render time 10.86 ms

I've been over this again and again and can't figure out what I'm doing wrong. Any ideas or tidbits of info you can offer me would be greatly appreciated. Is there any other areas I should be looking at to find my problem? I've tried displaying the /banner page but get nothing shown. I've been through all my permissions and I have ALL permissions turned on for the administrator and still get nothing when viewing the /banner page.

Thanks again for the detailed write up.

#62 great tutorial !!

Submitted by vickyb (not verified) on Fri, 10/01/2010 - 03:33.

hi,

this is really in detail tutorial. I followed the steps mentioned here and it works like a charm !!

Thanks once again

vickyb

#63 Pager

Submitted by Libriana (not verified) on Fri, 10/08/2010 - 11:38.

Hi Ryan,

What did you use to make the mouseover pager that's below the slideshow on your example? Another view block with JQuery?

Thanks so much for such an awesome tutorial!

#64 4. Define a couple of ImageCache presets.

Submitted by Guest (not verified) on Fri, 10/08/2010 - 19:46.

Hi,

I am not able to Browse to /admin/build/imagecache/add.
I don't see imagecache, even though I have added all necessary modules and enebled them.
Any ideas.

Thank you very much

Gerard.

#65 http://www.safiot.com

Submitted by rokar (not verified) on Sat, 10/09/2010 - 13:09.

Thanks for your tutorial.
I have never used views before, and this tutorial helped me to anderstand how they work.

I followed step by step this very clear tutorial but the slide doesn't work.

The first problem is that the ImageCache module doesn't create the presets files.
After some hours, I discoverered that there is a bug in ImageCache. It works only if we change "Administer > Site configuration > Download method" to Private.
There is a solution here : http://drupal.org/node/241541#comment-2118354
You have to change the return url instruction in the file \sites\all\modules\imagecache\imagecache.module

However, the slide doesn't work.
What I did and this fixed the problem, I edited the Style of the views/page to anything else( grid,html...), click preview, and then changed to "Slideshow"

Now everything is OK (except a javascript error when editing the view and if we click on preview)

#66 However, the slide doesn't

Submitted by Guest (not verified) on Thu, 11/18/2010 - 18:24.

However, the slide doesn't work.
What I did and this fixed the problem, I edited the Style of the views/page to anything else( grid,html...), click preview, and then changed to "Slideshow"

This same fix worked for me as well. As soon as I updated to a different style type and switched it back, both the Block and Page views worked.

#67 Why I don't have SLIDESHOW in

Submitted by Unwired (not verified) on Tue, 10/19/2010 - 09:42.

Why I don't have SLIDESHOW in my STYLE?

#68 slideshow style

Submitted by itserich (not verified) on Thu, 10/28/2010 - 10:29.

Are you using version 3?

Try Version 2. From reading the release notes it sounds like the module is being rewritten so Version 3 may not use that style.

I installed Version 2 development version and slideshow style appears.

#69 How to integrate this with Panels?

Submitted by Unwired (not verified) on Wed, 10/27/2010 - 06:11.

I tried to integrate the banner to my panels but its not working.

Any advice?

#70 Offtopic

Submitted by Guest (not verified) on Wed, 10/27/2010 - 09:31.

BTW - the title of the biblica training page is 'fre biblical..." - i suppose it ought to be 'FREE...". one "e is missing".

#71 When adding content to your

Submitted by trotskyicepick (not verified) on Mon, 04/25/2011 - 18:02.

When adding content to your panel, just select "View" from the list and you should see your banner available. At least if you're using Panels and Views 3 this is the case.

#72 Amazing

Submitted by Guest (not verified) on Thu, 10/28/2010 - 13:05.

Congratulations. Great professional.

People: Becareful enable clean urls and imagecache. IS NECESSARY TO ENABLE CLEAN URLS TO MAKE WORK IMAGECACHE.

#73 Awesome

Submitted by avelens (not verified) on Sun, 10/31/2010 - 16:09.

Awesome tutorial. Save me a lot of time. God bless you.

#74 Tip For SS That Doesn't Show

Submitted by Matt (not verified) on Thu, 11/04/2010 - 00:12.

I used different content under "fields" in views - and the slider just wouldn't show. However, checking the source revealed that the divs were present.

I needed to "enable" them in the style slideshow options!

Furthermore, I'm using the thumbnail slider and can resize the thumbnail images using views and imagecache!

Wow, this is cool!

Now on to stylin' it! Yikes!

#75 thank you.

Submitted by Guest (not verified) on Sun, 11/07/2010 - 14:05.

what a great tutorial. Thank you for going into so much detail, I could not have gotten slideshow to work without your careful instructions!

#76 Text in Slideshow

Submitted by AlekB (not verified) on Mon, 11/15/2010 - 10:44.

First of all, many thanks for this tutorial, I followed it and was able to create a slideshow. However, from your instructions (point 2):

A body field for the banner is unnecessary...

I can see rotating pictures just fine, however I want to include some text to appear with images, but you say that the body field is not necessary. How can I add text to the images that appear in the slideshow then? Forgive my ignorance, but I am at a loss here. Have read this (http://drupal.org/node/620348) but solution seems a bit complicated, while not explaining where must one add the text, once CSS is edited.

With your instructions, once banners are created, I can see text added as body in the individual banner page. However, when slideshow is activated I can only see images, no text. Could you please explain how to solve this?

Many thanks.

#77 I did everything it says

Submitted by Megumosa (not verified) on Fri, 11/26/2010 - 16:38.

I did everything it says here, but for some reason nothing is showing up, I look it through the firebug, the block and the view is there, but the div with the content is empty, do you have any idea of what could be wrong?

if i set the content to display as grid or unformatted the content does show up

#78 Views 3.x works!

Submitted by Mount Doom (not verified) on Wed, 12/08/2010 - 04:37.

I am using drupal 6 and followed the steps carefully and nothing was showing up when the style was set to Slideshow. I started over and over again at least 3-4 times. Finally I decided that it wasn't my fault, it must be some stupid module. So I upgraded my views module to version 3.x (alpha) and my view instantly worked! Both as a page and as a block. I wish I had tried this earlier, I would have saved 2-3 days of wasted time!

Thanks for the detailed steps, they helped me a lot to understand how everything is wired together!.

#79 Great tutorial!

Submitted by patrick (not verified) on Thu, 12/02/2010 - 11:38.

A wonderfully thorough tutorial, thanks!

I echo the tip provided by rokar:
"What I did and this fixed the problem, I edited the Style of the views/page to anything else( grid,html...), click preview, and then changed to 'Slideshow'". You will know you are on the right track when the "Slideshow" setting triggers more detailed parameter prompts (such as the timing, transition effect, etc.).

#80 Link path: illegal value

Submitted by Guest (not verified) on Mon, 12/06/2010 - 11:29.

hey there, just want to say thanks so much for all the work you put into this tutorial! what a blessing you are!!

i am however stuck on the final step - most probably a dumb error on my part - yet when attempting to upload an image in create content>banner, i'm getting the following error message "Link path: illegal value." since link path is required. i don't think i understand what i'm supposed to enter in this field..?

any suggestions will be greatly appreciated as i've gotten this far!

thanks to all,

jess

#81 Great tutorial and I

Submitted by Guest (not verified) on Thu, 12/16/2010 - 13:30.

Great tutorial and I appreciate the hard working! But, since I am pretty new to drupal and I have followed the instruction line by line and I completed to step 5 successfully, the setting for the views are exactly the same as the tutorial. But my banner not working. I create a folder under image/Banners, and upload some pictures already, but when I did the imagecache setting according to the tutorial, it generate a directory under images/another folder/imagecache/..., are they need to be the same directory? I am confused, can you/someone give me more detail instruction of how to make it works? Thanks a lot!

#82 Thank you!!!!!

Submitted by NeQo (not verified) on Sat, 12/18/2010 - 08:14.

I followed your tutorial am I must admit it was a blessing.
Works like a charm.
The only thing i did was change the page to a block, so i can put the banner in my header.

One strange thing happens:
When i log out and look at my site like any normal anonymous viewer, the banner is gone.
No pictures are showing up.

When i log in again, the banner reappears.

What could be the problem?

#83 Never mind, i found it

Submitted by NeQo (not verified) on Sat, 12/18/2010 - 13:01.

Never mind, i found it myself.

I needed to change some permission settings for anonymous user:

-> content_permissions module:

view field_banner_image
view field_banner_link
view field_sort_order

That did the trick.

#84 Can't get it to display

Submitted by jtunney1 on Mon, 12/20/2010 - 12:13.

This tutorial was great by the way and I know I'm a small step away from getting this working. The block is showing up on my front page but with nothing displaying in it. When adding a banner image does something have to go in the banner_link field if you don't want the banner to link to anything? I've only been uploading the image and setting the sort order.

I am using views 6.x-2.12 and Views Slideshow 6.x-2.3

When I change from slideshow view to table view and hit preview. The table works and it shows the listing of my images.

Here are some small things that I did differently from your tutorial:

*Created a block view instead of a page view.
*Turned promote to front page off. From the content type and also views filter.
*Placed the block in my content region for testing purposes and set the block to only display on front page.

If anyone has an idea of why nothing is displaying in the block view, please let me know. Possibly an image cache problem with directories? I see the pics within files/imagecache/banner images/

When I try to preview in views I get no errors, but also no slideshow.

Query:

#85 Aligning

Submitted by Mike Narlock (not verified) on Wed, 12/22/2010 - 16:05.

How would you align the banner, say centering it, on a page? I've tried using CSS and views_slideshow_singleframe_div_rotating_banner-page_1_0 but nothing happens.

thoughts?

#86 The view slideshow does not rotate

Submitted by 56rosa (not verified) on Wed, 12/22/2010 - 18:26.

Hello Ryan,

I have gone over twice the whole steps, and basically, I can see my content page "Banner" with several photos uploaded. The thing is: each photo appears one after each other. They do not rotate then as a slideshow.

Here's the query:

SELECT node.nid AS nid,
node.type AS node_type,
node.vid AS node_vid,
node_data_field_banner_image.field_banner_image_fid AS node_data_field_banner_image_field_banner_image_fid,
node_data_field_banner_image.field_banner_image_list AS node_data_field_banner_image_field_banner_image_list,
node_data_field_banner_image.field_banner_image_data AS node_data_field_banner_image_field_banner_image_data,
node.language AS node_language,
node_data_field_banner_image.delta AS node_data_field_banner_image_delta,
node_data_field_sort_order.field_sort_order_value AS node_data_field_sort_order_field_sort_order_value
FROM node node
LEFT JOIN content_field_banner_image node_data_field_banner_image ON node.vid = node_data_field_banner_image.vid
LEFT JOIN content_field_sort_order node_data_field_sort_order ON node.vid = node_data_field_sort_order.vid
WHERE (node.promote <> 0) AND (node.status = 0) AND (node.status <> 0) AND (node.type in ('banner'))
ORDER BY node_data_field_sort_order_field_sort_order_value ASC

I'm not sure what I should be doing at this stage.
It may be a path issue, but I entered something in there. Still, sometimes, it says "The display has no path."

Thanks for your help, and thanks a lot for your tutorial. It does help.

#87 I followed your instructions

Submitted by Anshul (not verified) on Fri, 01/14/2011 - 19:09.

I followed your instructions exactly, and after creating the view, I go to /banner, and there is nothing on the screen. I published and promoted to front page 3 different banner content types, and still nothing shows up at /banner.. What am i doing wrong?

#88 Very confusing tutorial with

Submitted by Guest (not verified) on Sat, 01/15/2011 - 02:29.

Very confusing tutorial with a number of steps that appear to be missing (shouldn't we be actually creating the content at some point), unclear where there should be actual paths as opposed to 'generic' paths. Ditto where images are stored.

Since most banners are used as headers atop a homepage it would make sense to structure the outcome to achieve this.

Gone through this twice no with zero results: extremely frustrating since this page is very popular with Google.

The continued lack of clear Drupal documentation makes me think the more one understands Drupal the less one is able to write cogent, well structured English.

#89 Indeed, the final paragraph

Submitted by Ryan on Wed, 01/19/2011 - 06:29.

Indeed, the final paragraph does discuss creating and promoting content. I'm not sure what you mean with the paths but section 3 does include a proposed help text to explain what the link path field is for. Finally, as I explained and linked in the first two paragraphs, this View is structured to display banners atop a homepage.

Perhaps you just need to read more carefully?

#90 Thanks so much - and help!?!

Submitted by flo (not verified) on Tue, 01/25/2011 - 14:02.

Hi - I've followed your very good recipe and after a while had what I wanted! Well... actually I'd like to have several different Rotators on the different main menu point pages - and just THAT I couldn't manage - being a quite new member of the drupal-family... I'd be very grateful if you could give some hints to what to change to publish rotators elsewhere than on the frontpage...

#91 odd issue with (I believe) the javascript in views slideshow

Submitted by Matthew Davis (not verified) on Thu, 01/27/2011 - 05:23.

Hi,

Thanks so much for the tutorial. I followed what you outlined (with the exception of having the banner exist as a block rather than a page) and everything is fine for a single image in my images folder. The second I add a second image and the slideshow starts, though, the image shifts up under my menu elements. Has anyone else run into this problem? I'm fairly sure it's the javascript in views-slideshow because it does not occur if javascript is shut off, but I'm not sure where to begin in determining what's causing this (my background is more in backend/middleware development, so I haven't done much with javascript).

#92 not getting it...

Submitted by Guest (not verified) on Fri, 02/04/2011 - 23:56.

I'm not quite sure how to use this great tutorial you've done, I'm afraid. It seems that there are extra steps after where it stopped that you need to do before the slideshow can work.

How do you add images? It seems you're saying that it's necessary to create a page with each image you want to include in the rotating banner, and then you say you have to promote the images to the frontpage... how do you do that without promoting the image's page to the front page?

How do you do this banner in a block? Are there any block-specific settings for this banner?

it seems like a really cool use of views, but it's just not clear how to get it from the development level to the design level.

#93 ...got it

Submitted by Guest (not verified) on Sat, 02/05/2011 - 11:44.

Ok, so to integrate this for a designer, you would go to 'create content > banner' and upload images, then title them, choose the images' order in the rotation 'sort order', make sure under publishing options it says 'promoted to front page' (maybe this wouldn't apply to all sites?), and then you have populated the banner with images.

Then to get it to display on a site, what I did was give the view a block display, and that was it - no other settings to change for the view. I went to 'blocks' and there it was, and I inserted it into a content region - BAM! What a nice slideshow. It puts so much functionality in your hands.

I wonder if there is a way to get text to display over the images? There was so much of this tutorial that I just followed to the letter that I might have missed that. Anyway, thanks a lot for helping us more nooby folks out, this is a HUGE help!

#94 Did you add multiple pictures

Submitted by Guest (not verified) on Mon, 06/27/2011 - 12:48.

Did you add multiple pictures to the one banner and do you know how to get this to work for other pages besides the front page. I am a newbie too.

Thanks

#95 Great tutorial but, a question

Submitted by Promet (not verified) on Sat, 02/05/2011 - 21:52.

Hey there,

Firstly, thanks so much for the tutorial. I've got the slideshow working and, since I've got a primary page I would like to be the "main page", I've relegated the slideshow to a block, which looks nice.

This issue I'm having now is that all of the "Banner" content type images I've added to populate the slideshow, since they need to be promoted to the front page to operate properly, are now successive entries on my "main page" , which I'd rather only show that main page content. Can I "hide" these somehow, but continue to get the slideshow to operate properly? any help would be greatly appreciated and, again, thanks for your time "coaching the rooks"!

Promet

#96 Hey Promet, this is indeed a

Submitted by Ryan on Mon, 02/07/2011 - 14:00.

Thanks for your comments, Promet.

This is indeed a fairly simple task but was obviously out of scope for the way I was using the slideshow. What you'd need to do is devise some alternate way to figure out which banners should be included. Instead of filtering based on which ones are promoted to the front page, you could just show every published banner in the View if you're only ever going to have that single display. If you need multiple displays, you could also add a CCK field or taxonomy term to the banner content type and filter based on that. Best of luck with the tweaking!

There are better more general Views introductions elsewhere, including several good books on the topic if you need help using Views itself.

#97 Thx a lot

Submitted by Guest (not verified) on Sun, 02/13/2011 - 08:14.

Hello

Thx a lot for this nice tuturial .....

BIg Big greetings from austria

Markus

#98 Awesome Tutorial

Submitted by gcrouch (not verified) on Mon, 02/21/2011 - 21:54.

I learned more about Drupal from stepping through this tutorial than I did from an hour on Drupal's website! Thanks for posting!

#99 Banner link

Submitted by Guest (not verified) on Sun, 03/06/2011 - 11:20.

I really appreciate this tutorial, and I think you did a great job. It got me up and running really fast.

I do have one problem that I can't figure out. My banner link doesn't change as I change the link in my Banner content "field_banner_link" field.

You can see the slideshow at:
http://browco.org

#100 token

Submitted by Guest (not verified) on Fri, 03/11/2011 - 11:24.

thanks for the tutorial, i can create banner-type-content, image upload etc works, the created single-banner pages look fine.

What s not working is the rotating banner itself, i get an empty page at /mydrupalinstallation/banner

From the comments I suspect that I failed at step 5.5:

Enter the token [field_banner_link_value]

I understand that this is a placeholder, but where do I find the value I enter into the field, can someone please give an example of what to enter here - and give a good hint where I can find 'my' values?

#101 found the token

Submitted by Guest (not verified) on Sun, 03/13/2011 - 17:54.

I found the banner_link_value on the banner-type-content pages. I entered "imgs", which I entered also in views --> fields --> content: Image in the 'Link path' field.

The images are shown in the individual banner-type pages (as before), and the banner page still does not diplay any images. Is the usage of banner_link correct?

#102 i followed comment #62, when

Submitted by Guest (not verified) on Mon, 03/14/2011 - 06:45.

i followed comment #62, when i switch to grid, table or html in the basic setting -> style of the view, the images from the banner-type-content are displayed. as soon as i go back to slideshow, it shows nothing.

On the road I got rid of the warnings mentioned in #62, goto modules/views/includes/admin.inc and

change line 1514
function views_ui_build_form_state($js, $key, &$view, $display_id, $args) {
to
function views_ui_build_form_state($js, $key, $view, $display_id, $args) {

found here: http://drupal.org/node/878360#comment-3315614

Any ideas?

#103 what to do with token [field_banner_link_value]

Submitted by Guest (not verified) on Tue, 03/15/2011 - 20:16.

Hi,

I guess I have the same problem - everything is working, the slides are rotating and looks just great. But the linking from my nodes is not working and I guess it's just because I don't know what I should write instead of [field_banner_link_value].

Can anyone help?

tnx
Ben

#104 very nice tutorial. Here is

Submitted by Guest (not verified) on Fri, 03/11/2011 - 15:05.

very nice tutorial. Here is my question

When i created the view using fields everythingworks ok.
but how can i hide the full node page display for the rotor content type?

i do not want my anonymous users to access http://mysitename.com/node/12 which guides me to full node page for rotor content type

#105 :( Don't know what I did wrong...

Submitted by Chase (not verified) on Sat, 03/26/2011 - 04:11.

I followed this whole thing through and it didn't work for me. I have no clue what went wrong...

#106 Great Tutorial

Submitted by Guest (not verified) on Fri, 04/01/2011 - 16:11.

Thanks for getting me started.

#107 Messages when creating the rotating banner view

Submitted by Guest (not verified) on Sun, 04/03/2011 - 22:32.

Terrific tutorial, but I am having a problem. When I get to step 5 and try to add the rotating banner view, I get the following warning mesages.in the preview area when I attempt to save the Basic Settings "Style", to Slideshow. This prevents me from continuing.

* warning: Parameter 3 to views_ui_build_form_state() expected to be a reference, value given in C:\wamp\www\drupal620\sites\all\modules\views\includes\admin.inc on line 1606.
* warning: call_user_func_array() expects parameter 1 to be a valid callback, no array or string given in C:\wamp\www\drupal620\includes\form.inc on line 378.
* warning: Invalid argument supplied for foreach() in C:\wamp\www\drupal620\sites\all\modules\views\includes\admin.inc on line 1542.
* warning: Attempt to assign property of non-object in C:\wamp\www\drupal620\sites\all\modules\views\includes\admin.inc on line 1613.
* Display "Defaults" uses fields but there are none defined for it or all are excluded.

#108 Worked well for a replacement slideshow

Submitted by Jac Sinex (not verified) on Tue, 04/05/2011 - 17:22.

Thank you for this tutorial, it was just what I need to confirm my vision of using the Views Slideshow instead of (replacing) Content Glider.

I have recently been working heavily with Views for multiple projects, so I thought - might as well as use Views for a slideshow, right? In fact, I was able to keep the original content type I had created for the glider module, and just repurpose that for this new slideshow view. The only thing I did differently was to create a Block for my view instead of a Page, then assign my block (which is used to display a slideshow of testimonials) on various pages.

Your references really helped me along. Cheers!

#109 banner image click doesn't go to link path

Submitted by mergs (not verified) on Wed, 04/13/2011 - 11:23.

What a great help this is and I am a bit ashamed to ask a question but here goes:

Like your site, I want to click a banner image and take user to another drupal node.

The banner is working here: http://dev.jorba.org

In the Link path text field I've put the token [field_banner_link_value].

For the Link Path one of my banners (http://dev.jorba.org/node/550 which is the first banner in the rotation) I put in a value such as "node/28" (which is the page I want to redirect to when the banner is clicked:

http://dev.jorba.org/node/28

However, when I click the image it takes me to the image's node:

http://dev.jorba.org/node/550

Can you see a misconfiguration I did somewhere?

#110 I found the culprit: edit the

Submitted by mergs (not verified) on Thu, 04/14/2011 - 19:07.

I found the culprit:

edit the banner view, click "Content: Image banner_full image" in help fields section, scroll down and uncheck the check box:

[ ] Link this field to its node
This will override any other link you have set.

I never noticed that check box staring me in the face.

#111 Centering the view?

Submitted by Evangelo (not verified) on Wed, 04/13/2011 - 16:47.

Thanks for an awesome tutorial Ryan. I followed the tutorial exactly as you described making the default front page "banner" instead of "node" but I just how what I hope is a simple question. How can I center the banner displayed on the front view created by the view?

Thanks for you help R!

Regards,
Evan

#112 Solution: "Centering the view?"

Submitted by Evangelo (not verified) on Wed, 04/13/2011 - 17:38.

Add this css snippet to your theme's style.css file:

.views_slideshow_singleframe_slide {
text-align: center;
width: 100% !important;
}

#113 Centering the view

Submitted by Dario (not verified) on Thu, 04/28/2011 - 17:43.

Snippet tested & work fine....

Centered slide & thumbnails.

Add this css snippet to end of your theme's style.css file:

.views_slideshow_singleframe_slide {
text-align: center;
width: 100% !important;
}
.views_slideshow_singleframe_pager {
text-align: center;
width: 100% !important;
}

#114 Carousal works without image

Submitted by Guest (not verified) on Sat, 04/16/2011 - 15:35.

Hello,
I was able to follow this excellent tutorial and configure everything. While my carousal is moving, the images do not show up. There is a light blue screen over the image area. Grateful if anyone can help me here. Thanks in advance
Dan

#115 WOW! Great explanation

Submitted by giomod (not verified) on Sun, 05/01/2011 - 16:30.

Many thanks, great explanation.
So deep and clear that now I could customize your method to fit my goals in few minutes.
Just changing some of your settings in views and adding some fields in content types I could satisfy all my commitment's needs.
Very very good job.

#116 Awesome Tutorial!!

Submitted by arielcr on Fri, 05/13/2011 - 11:12.

Hi Ryan!!

I followed your tutorial and worked like a charm!!

But i have a little problem, my banners shows up when I'm logged in, but when i'm logged out they also show up, but with a message at the top saying "Access Denied", I read all the comments here, and enable the view field_banner_image, view field_banner_link and view field_sort_order, but it stills shows the "Access Denied" message when i'm logged out!

Any help please! What i'm missing?

Thanks! and great work with your tutorials!!

#117 I already figured out! I had

Submitted by arielcr on Fri, 05/13/2011 - 11:23.

I already figured out! I had to enable the access content permision!!

My mistake

#118 SOLVED - trouble with images not showing

Submitted by Jo (not verified) on Wed, 06/08/2011 - 08:11.

Thanks for the tutorial, just a comment though about images not showing up.

I had followed all the steps in the tutorial and got really frustrated when I couldn't see my images - I didn't understand how some had it working and others not. As other people have said above, I could change the style to HTML List or Unformatted etc and the images would show. However, they just failed to show when setting the style to Slideshow.

After much frustration and angriness at the whole thing, I ended up doing the following to get it to work:

I changed the style after adding the fields, filters and sort criteria. Once I selected Slideshow, I clicked Update. Then I clicked the Gears button next to it to see all the slideshow options. I didn't change anything (didn't need to but you can if you need to) and then clicked Update.

Clicking the Gears button and clicking Update seemed to do the trick and solved my problem. It's like it doesn't save properly by just selecting Slideshow and thus you need to do the two parts...

I really hope this helps other people because I was close to scrapping the idea altogether.

#119 SOLVED - trouble with images not showing

Submitted by rvh (not verified) on Thu, 06/09/2011 - 14:17.

I can confirm that I had the same issue that Jo described. Clicking the gear next to Slideshow in the view and then Update made the rotating banner appear when I went to the URL path, but only as the admin user. I've enabled the view imagecache permissions for the anonymous user, flushed cache, but the slideshow still doesn't appear for the anonymous user. Not sure what's going on.

Also, I want to include the rotating banner as a block on an existing front page. Since I'm a Drupal noob in many ways, I'm not certain how to configure the block I created to actually point to the rotating banner view.

Great tutorial, btw. Very well detailed.

#120 SOLVED - trouble with images not showing

Submitted by rvh (not verified) on Thu, 06/09/2011 - 15:08.

Figured out that I also had to enable permissions for the view field_ lines in the content permissions module. Now the slideshow appears when I go to www.mysite.com/banner, but I still want to include the rotating banner on an already developed home page. Not quite sure how to do that.

#121 I finally got it to work

Submitted by Bola Owoade (not verified) on Sat, 06/11/2011 - 03:30.

I tried using this great tutorial sometimes last year but it didn't work for me so i gave up on it. I gave it a shot today and its taken me about one hour but it has worked. rvh i followed what you did also and wala! the slideshow appeared. Great stuff guys.

Thanks Ryan, you're a star.

#122 Hi, like everyone said this

Submitted by Guest (not verified) on Mon, 06/27/2011 - 12:44.

Hi, like everyone said this is a great tutorial, just a little lacking on what you do after you set everything up. I have created a banner and added about 6 images to the one banner. I then added a block display to the banner content type. Put that block in the content middle of my one page using Page specific visibility settings and I have nothing showing up. I went back to the banner and changed the path to the same node and now I get the images displayed below each other not in a slide show fashion. Help anyone?

#123 Drupal 7

Submitted by Guest (not verified) on Tue, 06/28/2011 - 14:42.

Any chance this tutorial could be updated for use with Drupal 7.
I've tried it but there are too many inconsistencies when using Drupal 7 and I can't seem to make it work.

#124 need help also

Submitted by Guest (not verified) on Wed, 07/13/2011 - 15:27.

Hi,
I am trying to make this work in Drupal 7, and it all goes smoothly until step 5.
You said:
Further down in the field settings form select the None option in the Label radio buttons. Last, in the Format select list, choose banner_full image and click the Update button.
And I cannot see anywhere any Label radio buttons, or a Format select list.
I am wondering if I am using a different version of the views module or something? At the top of the panel there is a Label field and it says :
Image (field_banner_image) - data
So is that where I would put instead? As opposed to a radio button?
I have downloaded and installed Views 6.x-2.12 and Views slideshow 6.x-2.3
If that is helpful at all.
And I don't see where I can upload more than one picture. I uploaded one and it is showing up, but how about the others?
thanks
Karen

#125 oops

Submitted by Guest (not verified) on Wed, 07/13/2011 - 15:27.

I meant Drupal 6 I am working in.
Any help is appreciated.

#126 Wonderful walk-through!

Submitted by Jeff (not verified) on Tue, 08/09/2011 - 12:07.

Absolutely wonderful walk-through. Easy to follow, and worked the first time, with no tweaking.

Thank you very much.

#127 Good tutorial but ONE thing

Submitted by harime (not verified) on Fri, 08/26/2011 - 04:26.

Good tutorial but ONE thing is majorly lacking and left answered in the comments and the tutorial: What to do after setting up view? How to display it as a block/page?

#128 Fixed. My own mistake.

Submitted by harime (not verified) on Fri, 08/26/2011 - 07:15.

Fixed. My own mistake. Perfect tutorial.

#129 hi i tryed for many times but

Submitted by Guest (not verified) on Fri, 10/07/2011 - 05:04.

hi i tryed for many times but i didnt get banner...

#130 hey ryan, i'm not sure if

Submitted by barclay (not verified) on Wed, 10/12/2011 - 19:02.

hey ryan,

i'm not sure if this is something you can help me with, but i get to #5. Create the rotating banner View.

everytime i try to edit the rotating_banner, i get an error message saying:
An error occurred at
...admin/build/views/ajax/display/rotating_banner/default/items_per_page. When I click the 'update' button.

have you ever run into this or know how to troubleshoot it?

thanks!

#131 nevermind. i figured it out

Submitted by barclay (not verified) on Thu, 10/13/2011 - 12:13.

nevermind. i figured it out

#132 Showing, but not rotating

Submitted by Mec (not verified) on Fri, 11/04/2011 - 04:15.

I've been trying to get this working; I'm using the current Views Slideshow version 3 and Views 3 on Drupal 6. Followed your directions completely, the settings all seem correct, and yet the views slideshow simply does not rotate, either in Page or Block mode. It just shows image #1 and that's all. Tried multiple browsers, same results in all.

If I set the Style to something other than Slideshow, I see all the images shown on the page. However when I set the style to Slideshow, the first slide appears, but never rotates.

If I tell it to show the pager and number of items, it shows "1 of 3" (I'm using 3 images) and there are "Previous Pause Next" links -- but clicking the links does nothing (well, you can get it to toggle "Pause / Resume" but it doesn't have any effect).

#133 Solved

Submitted by Mec (not verified) on Fri, 11/04/2011 - 04:38.

Here's how I solved this issue -- the newer version apparently needs another step during installation of Views Slideshow:

I needed to download jQuery cycle plugin and copy jquery.cycle.all.min.js to sites/all/libraries/jquery.cycle You can find the plugin at http://malsup.com/jquery/cycle

That is: Create a folder named "libraries" in the sites/all directory and then create an another folder named "jquery.cycle" in that directory and finally copy and paste only the "jquery.cycle.all.min.js" into this directory.

#134 This is really a great help!

Submitted by Iris (not verified) on Mon, 11/07/2011 - 12:56.

This is really a great help! Thanks a lot.

Just one further question. Is it possible to open the embedded banner images in a new window instead of current window?

Thanks.

#135 Absolutely awesome tutorial.

Submitted by juststoppingby (not verified) on Fri, 12/16/2011 - 01:35.

Absolutely awesome tutorial. Thanks so much. I had already setup a slideshow at a development site, http://eac.bpm-ingenuity.com using a somewhat different method. However, your method of assigning sort order and links on the image provides much more functionality.

#136 Excellent Tutorial

Submitted by mani (not verified) on Tue, 12/20/2011 - 07:54.

This tutorial help to all for create a drupal website.. can u help me for how to use dynamic display block for drupal 6?

#137 SORT is not working

Submitted by didt (not verified) on Wed, 01/18/2012 - 11:59.

Hello Ryan,

I completed all your steps.

Then I proceed to Add new content: Banner

there, I can Add a Title, an Image, Link path and.... field related to SORT ORDER: * apperars:

return drupal_map_assoc(range(1,10))

When I try to save the banner a warning message is shown:

Sort order: the value may be no larger than 10.

What can I do?