Cycle Overlaps Page Content Beneath It
silurius - March 18, 2009 - 23:50
| Project: | jQuery plugins |
| Version: | 6.x-1.7 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
Has anyone else run up against the following issue with Cycle? I realize this should probably go on the jQuery forums or something, but I thought I'd try my luck here first.
Placing any content beneath a cycle-based area of a given node, the content overlaps with the Cycle content. It looks like the only way around this (using just CSS) would be to wrap the cycle widget in div tags and assign a height to it, as well as to the content below. As far as I can tell, the jQuery appears to ignore or override any margin definitions. Drupal's footer is similarly impacted and overlaps in the same way. And the same thing happens when two instances of Cycle on one node.
#1
Yes, this is not the best place for support, but you should define the height of the slideshow container, see http://malsup.com/jquery/cycle/begin.html
#2
Thanks! I didn't mention the downside to that solution - my slideshow objects are of varying heights. That's fine for the footer issue, in my case, because the excess white space is probably not enough to look bad, but with additional node content below the slideshow the gap would be quite noticeable.
#3
Hi! Did you ever figure out a solution for your problem? I'm having the same problem .. and I'm not sure how to fix it.
#4
Nope, I asked around but wasn't able to resolve this one. I believe it's just a known limitation with Cycle at this point, but I could be wrong about that.
#5
silurius,
Are you using the Views Rotator module? There is a file upgrade that utilizes the jquery API http://drupal.org/node/401238#comment-1365462. You can define the container width and height using the code below:
div.views-rotator-item,div#views-rotator {
width: xxx;
height: xxx;
margin: 0;
padding: 0;
}
Just enter your height and width and place this code in your theme CSS. It will override the default. I've used it on several client sites and it works great.
#6
Very nice, CrashNet, thank you! I had abandoned Cycle for a different solution, but I may still have use for it somewhere on the same site. I will let you know how it goes.