I need a jQuery content slider that is similar to the first example from this site
[login to view URL]
Although this isn't exactly what I want, it's probably the closest of any I could find.
Here's exactly what I need in the content rotator.
1) Screen size should be a fixed size for all slides but customizable. That means even if ever slide size is different the sceen size should be same. (like the example)
2) The screen should have rounded corners. It should work regardless of what the slide is, whether it's an image or HTML it should auto-round the found corners. It should also work on all browser including IE. This is probably the toughest part of the project but probably the most important.
3) Play and Pause button that toggles should be transparent images located in the bottom left.
4) Next and Prev button should be transparent images located in the right center and left center respectively.
5) Each slide link should be a customized text inside a rounded box (similar to the example), transparent and located in the bottom center. The slide currently playing should be highlighted in this slide link.
6) Use fade in, fade out for slide transition effect.
7) Following should be customizable
- Radius of the rounded value. I should be able to make the screen corner more and less round
- number of seconds each slide to display before rotating to the next.
- autoplay or not
- loop or play once
- slidelink text
- Transparancy value for controllers and slidelinks
8) All these should work on all browsers. IE, Firefox, Chrome, Safari, and Opera.
In summary the slide should take the entire screen, in which I can customize the size, with controllers and slidelinks transparent in the correct locations.