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

pyxio’s picture

pyxio commented
Version: 6.x-1.x-dev » 6.x-1.0-alpha2
pyxio’s picture

pyxio commented

Can anybody help with this issue? Thanks. Kevin

urbanbricks’s picture

urbanbricks commented

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 :)

pyxio’s picture

pyxio commented

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

sinuz’s picture

sinuz commented

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

sinuz’s picture

sinuz commented

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

texas-bronius’s picture

texas-bronius commented

@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.