Posted by talengix on April 17, 2009 at 5:11am
Jump to:
| 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
#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.