| Project: | Views Rotator |
| Version: | 6.x-1.0-alpha2 |
| Component: | Code |
| Category: | feature request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | postponed |
Issue Summary
Greetings.
Views Rotator does exactly what i'm looking for, however, i want to change the appearance of the navigation and "slightly" modify the functionality...
i don't want it the arrows to disappear when the user scrolls away - i want the navigation to remain (this is the harder part for me due to lack of recent js usage).
second, i want to change it so that there are buttons for each view, a play, and a pause button.
ok, basically, i just want to make it look/function just like http://dsc.discovery.com/ (once you kill the add). Granted, i know that one is in Flash (and i'd have a much better time of it if i knew how i could get the views to get pulled into Flash, but that's a different story...), but i think that it shouldn't be too hard to accomplish that look/feel w/ what is already developed here.
I just don't know where to really begin, and any help would be greatly appreciated, especially w/ figuring out how to keep the arrows from disappearing.
TIA, and Kind Regards,
Brian
Comments
#1
ok... i figured out the whole look and non-disappearing thing so far...
but now i'm trying to figure out a "play" and "pause" button instead of it being controlled by the hover of the mouse...
next step will be the cycling and selection of each of the 5 views i'm using...
#2
Dealing with play and pause buttons will take some work. I won't be adding those features in for some time. They are not features present in the jQuery cycle plugin so adding those features would require deviating from that plugin to custom code.
If someone wants to roll a patch we can start down that road. I don't have the time at the moment.
#3
A change to CSS for simple static images, placement and hover. Caveat, hovering activates both image hovers.
Feature request: Would be great to have pause button in between but understand that it will be some time. Thanks great module!
div.views-rotator-item,
div#views-rotator {
margin: 0;
padding: 0;
}
a.views-rotator-prev {
background: url(images/prev.gif) left 50% no-repeat;
height: 25px;
width: 61px;
margin: 240px 0 0 360px;
position: absolute;
z-index: 1000;
}
a.views-rotator-next {
background: url(images/next.gif) right 50% no-repeat;
height: 25px;
width: 61px;
margin: 240px 0 0 440px;
position: absolute;
z-index: 1000;
}
a.views-rotator-prev-hover {
background: url(images/prev_h.gif) left 50% no-repeat;
margin: 240px 0 0 360px;
cursor:hand;
}
a.views-rotator-next-hover {
background: url(images/next_h.gif) right 50% no-repeat;
margin: 240px 0 0 440px;
cursor:hand;
}
I was unable to put the css under custom zen theme and it operate so I just edited CSS is module folder and placed copy in theme folder.