Search jQuery

jQuery Forum

in Using jQuery • 10 years ago

Is there a plug in that makes a slider that goes off the page like this:
http://kamola.co.uk/page/spring-summer-collection

Ive had a look but i cant find one.
Thanks

Replies(1)

10 years ago

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