Mustardseed Media Inc.

or

Views Rotator Module

On this week's episode, Bob is proud to demo a new module planned and designed by us here at Mustardseed and coded by our good pal at Innovating Tomorrow. The Views Rotator Module makes creating a javascript rotator of any Views generated content extremely easy. We're excited about it and we hope you are too once you see how easy it is to use!

Woo-Hoo. You rock...

This is yummy!

Totally Rocks

Man that is a cool module. Thanks for sharing.

Awesome

That was awesome. Props to both Bob and Matt. I was wondering if it would be possible to use views rotator to display four pictures simultaneously and then shift each picture left or right. So, the picture in spot #1 would disappear. The picture in spot to #2 shifts to spot #1. The picture in spot #3 shifts to spot #2. And spot #4 gets a new picture. I was also wondering how the module chooses the next picture? Is it done sequentially or can it be random? Thanks for the great work.

One Word...

WOW!

Thank You!

Carousel

Kwang: I think you are looking for something like the views carousel module (not maintained and the maintainer has not returned my emails). This uses the jQuery jCarousel plugin. That would be another great module to have.

Views Rotator isn't really designed to do that. Different concept for the direction to go.

Awesome!

Great module - thanks so much, Bob (& Matt).

I'll start playing with this initially in D5 and later in D6. Looks like a great module which will allow (sufficiently trained) users to do some great stuff on their own, without having to resort to accessing the backend code for transition timings etc.

Is it possible to make drop down navigation menu in drupal?

Is it possible to make drop down navigation menu in drupal ? If so can you show us how to make a drop down navigation menu use views2 or another way.

Thanks you and God Bless

Christopher Williams

Drop Down Nav

@Christoper
For the dropdown navigation solution that most Drupal folks are using these days, check out the Nice Menus module. It will allow you to configure drop down menus pretty easily.

Digg spy effect?

Hi - I fell upon this page while looking for a way to reproduce the "Digg Spy" effect (http://digg.com/spy) using Views on Drupal - do you think it would be possible to create this effect using the Views Rotator Module?

Thanks :)

Digg Spy

Hey Ari...
Digg Spy is using AJAX functionality (or something similar) to constantly query the database for new content (if I'm seeing it correctly). Views Rotator won't be able to do this, not because of the module itself, but because, to my knowledge, of the way Views works.

I don't believe Views can do AJAX calls to populate it's queries. Maybe it can (someone correct me if I'm wrong), but since it can't do that, and this is a Views plugin module, that's where the limitation lies.

Also, something like Digg Spy isn't really 'rotating' content, its simply adding new content to a table. Views Rotator truly is rotating content, showing one result at a time, so it wouldn't really be the proper tool to accomplish something like this. At this point, you could probably do this with some simple custom jquery and a table display of content.

linkage

Bob & Matt. Any suggestion for making the rotator link to a node or url? I was thinking of making a link field, but I'm not too sure on how to wrap the image. Could I create like a node-homepagerotator.tpl.php file and change it there?

Centering a rotating block in a region

First may I thank you for taking to the time to prepare these podcasts, Drupal can be rather overwhelming for a novice such as I and your podcasts provide a good deal of insight. And thank you too for commissioning the module!

My question. How do you centre a views rotator block in a region? Following your podcast I've created a views rotator block and placed it in one of the regions of the theme Im using (the “header blocks region of the theme pixture_reloaded). It works very nicely indeed, the problem is though that under Firefox, Safri, Chrome etc the block isnt centered in the middle of the region, but irksomely it is under IE6/7.

If you take a look at my sandbox website you can see the problem Im having and there's a little more detailed info here, is there something obvious Im doing wrong?

Again thankyou!

Linking the Image

@kyle:
There's a couple different ways you could link the image. You'd need to setup your node type so it had the image upload and another CCK field for entering the link...

  1. First, you if you output that image's node as a teaser (rather than a list) then you could just theme the teaser so that the image was wrapped in the link you need. This works, but isn't the best since loading a node takes more processing...Instead, i recommend that you:
  2. Theme the view. Views theming isn't that tough and is intended for theming lists that it outputs. You'd theme this view output so that one of the fields (a link) is just a wrapper around the image in the list...pretty straight forward views theming

Either way, this basically has to be done in theming...there's no way to do it in the Views GUI.

Centering...

@Piers
Centering the block in the region is purely CSS work (doesn't really have anything to do wtih the rotator itself). It would work the same for any block you're trying to center (unless I haven't thought thru it enough...)

Basically, on the block you'd set the width and do a:
#block-name {margin-left: auto; margin-right: auto;}

in your CSS to center that block. That should work just fine unless there's something else I'm missing. Let me know if there's a complication with that.

RE: Centering....

Thank you! Manually adusting the size of the header block region into which the block is placed worked, problem solved. Though Im curious as to what was causing the problem. Poking at it with Firebug the position of each cell that makes up a rotating block is wrapped in the following:

div class="views-rotator-item" style="position: absolute; top: 0pt; left: 0pt; z-index: 2; opacity: 0; display: none;"

If I edited out that top left positioning in Firebug it appears centred. Where is that css comming from?.

Thanks.

RE: Centering....

That style info is generated by the javascript and needed the module for other stuff, but as suggested by defining a width and auto magins for the specific rotator block I've been able to center it in the region without resorting to messing about with the width of the region itself.

Again thanks, and thank you for the podcasts!

great stuff

cool man. that's what I was looking for... thx a lot!

imce in cck

Hi Bob, how did you get the IMCE field on the CCK content? I have IMCE installed, but I could not figure out how to get the field there.

Thanks!

imce in cck

I figured this one out, I had to install the IMCE image module
Thanks

rotating images as files

Hi Bob, I am trying to rotate a few images inside a folder as files and not a nodes, will this work?

Thanks for helping!

Rotator Images are Overlapping Text

My imagas are rotating properly, but are overlapping the text on the page. Any idea why? I followed this tutorial carefully. Thanks - Mike

Answers

@Miguel: Yes, you should be able to rotate anything that views can spit out...this isn't just for images!

@Mike: Yes, if it's overlapping, you'll need to do some CSS work. I've had this issue and basically had to mess with the CSS, find the problem, and add enough margin/padding to make sure it's not overlapping anything else. Good luck!

Amazing!!

Wow, this is just what I was looking for; all the other rotator modules didn't quite fit the bill, but this one works perfectly, and I am in the process of incorporating it into my college's newspaper web site to rotate through recent headlines.

Works like a charm.

No Rotation, all Images displayed at once behind the content

Hi,

This looks like exactly what we need. Unfortunately, after installing the module and following the setup instructions, I'm finding each of the images and text that are supposed to be rotating are actually just displaying like a list down the page behind all the other content. What could be causing this?

http://amandas.convoy.aresdirect.com:9001/?q=index

Javascript or Views Setup

@Gerard:
First, check to make sure javascript is enabled and working on the browser you're using. If not, it may not display correctly.

Second, double check that you've chosen "Views Rotator" as the style for your view. It sounds like you may have just chosen 'List' or something else. If that's not the case, double check all your settings again...for some reason it sounds like the rotator isn't kicking in in Views.

More than images?

Does this support more than just images? I am wondering if I can use this for digital signage in our church lobby?

Thanks

Rich

It'll rotate anything!

Hey Rich...
Absolutely...this module will rotate anything that Views can spit out.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • 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

CAPTCHA
This ensures you're an actual human being...not one of those sassy web robots.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.