unique? jquery cycle plugin issue
I have looked all over and cannot figure this out, I may be going about it the wrong way and am just going cross-eyed.
I have a few "panels" that I am looking to cycle. The panel has a width of 100% with a background image. It is supposed to span the whole width of the browser. the content is set at a specific width, centered in this panel. I am looking to cycle the background image and content but just can't get it to work (the panels have a set width and are pinned to the left, not centered.
simple js:
I have a few "panels" that I am looking to cycle. The panel has a width of 100% with a background image. It is supposed to span the whole width of the browser. the content is set at a specific width, centered in this panel. I am looking to cycle the background image and content but just can't get it to work (the panels have a set width and are pinned to the left, not centered.
simple js:
- $('#slider').cycle();
- .panel { height:500px; width:100%; margin:0 auto; }
- .panel-content { width:978px; margin:0 auto; padding:45px 0 0; }
- <ul id="slider">
- <li><div class="panel" style="background:url(images/homepage.jpg) center top no-repeat;"><div class="panel-content"><!-- content here --></div></div></li>
- <li><div class="panel" style="background:url(images/homepage2.jpg) center top no-repeat;"><div class="panel-content"><!-- content here --></div></div></li>
- </ul>