Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!-- jQuery library -->
- <script type = 'text/javascript' src = 'http://www.truebadore.com/common_scripts/jquery-1.4.min.js'></script>
- <!-- iosslider plugin -->
- <script type = 'text/javascript' src = 'http://www.truebadore.com/common_scripts/jquery.iosslider.js'></script>
- <style type="text/css">
- /* slider container */
- .iosSlider {
- /* required */
- position: relative;
- top: 0;
- left: 0;
- overflow: hidden;
- width: <slider width>px;
- height: <slider height>px;
- }
- /* slider */
- .iosSlider .slider {
- /* required */
- width: 100%;
- height: 100%;
- }
- /* slide */
- .iosSlider .slider .slide {
- /* required */
- float: left;
- width: <slide width>px;
- height: <slide height>px;
- }
- </style>
- <script type = 'text/javascript'>
- var Webflow = Webflow || [];
- Webflow.push(function () {
- // basic - default settings
- $('.iosSlider').iosSlider();
- // some custom settings
- $('.iosSlider').iosSlider({
- snapToChildren: true,
- scrollbar: true,
- scrollbarHide: false,
- desktopClickDrag: true,
- scrollbarLocation: 'bottom',
- scrollbarHeight: '6px',
- scrollbarBackground: 'url(images/some-img.png) repeat 0 0',
- scrollbarBorder: '1px solid #000',
- scrollbarMargin: '0 30px 16px 30px',
- scrollbarOpacity: '0.75',
- onSlideChange: changeSlideIdentifier
- });
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement