just make a slider that is 100% of the page width, it'l have the illusion that it is going off the side of the page.
I would suggest using the jScrollPane plugin.
- <html>
- <head>
- <link href="/includes/css/jquery.jscrollpane.css" type="text/css" rel="stylesheet" />
- <script type="text/javascript" src="/includes/js/jquery.jscrollpane.min.js"></script>
- <script>
- $(function(){
- $('#slider').jScrollPane();
- });
- </script>
- <style>
- #slider {
- width: 100%;
- height: 160px;
- }
- #slider .item-wrapper {
- width: 6000px; /* change this to your total slider width */
- }
- #slider .item-wrapper .item {
- /* style your items */
- }
- </style>
- </head>
- <body>
- <div id="slider">
- <div class="item-wrapper">
- <div class="item">
- ...your item here...
- </div>
- <div class="item">
- ...your next item here...
- </div>
- ...add more items as needed...
- </div>
- </div>
- </body>
- </html>
-- Kevin