Download & Extend

All nodes appear on page before being consolidated into rotation

Project:Views Rotator
Version:6.x-1.0-alpha2
Component:Code
Category:bug report
Priority:normal
Assigned:Unassigned
Status:active

Issue Summary

Hi,

I have seen this issue brought up before but it was closed without any remedy. I tried JQuery update and overflow:hidden in the css id properties of the block I am rotating. But nothing works. The problem exists in all browsers I have tried which are FF, IE and Opera. How can this be fixed? Otherwise, a very awesome script and you guys are doing impressive work over there at Mustardseed. Cheers, kevin

Comments

#1

Version:6.x-1.x-dev» 6.x-1.0-alpha2

#2

Can anybody help with this issue? Thanks. Kevin

#3

Set the css div id of the views rotator (which can be done when inserting the block into a panel/panel page), or use the id generated by Drupal
Set a width/height for the div
Set overflow to hidden
Set the *rotator item* (this 'Views' field name is generated by Drupal)
I believe you can use 'display: none;' or 'overflow: hidden;' - in my case I had more success using 'display: none;'

#home-rotator {
    width: 600px;
    height: 300px;
    overflow: hidden;
}

#home-rotator .views-rotator-item {
    display: none;
}

Hope this helps :)

#4

thanks urbanbricks, i will give it a shot this week and let you know how that worked out. I appreciate your help. K

#5

I think I have a diffrent problem, the rotator shows only up on the frontpage to anonymous visitors, other pages show all the items.

#6

I resolved this problem by setting the block cache mode to Per page

#7

@urbanbricks: In addition to your fix, I went ahead and turned back on the first item in the list using the css :first-child pseudo class for anyone without javascript enabled:

.front #featured_rotator .views-rotator-item { /* zap that nasty flash of ALL rotor-items while rotator inits */
  display: none;
}
.front #featured_rotator .views-rotator-item:first-child { /* but keep first content up for no javascript */
  display: block;
}

If something becomes patchish out of this, I would recommend the .views-rotator-item class get a friend like .views-rotator-item-1 and so on so we don't rely on :first-child.