Advertisement
Guest User

webflow-issue-bwb

a guest
Nov 15th, 2013
145
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.     <!-- jQuery library -->
  2. <script type = 'text/javascript' src = 'http://www.truebadore.com/common_scripts/jquery-1.4.min.js'></script>
  3. <!-- iosslider plugin -->
  4. <script type = 'text/javascript' src = 'http://www.truebadore.com/common_scripts/jquery.iosslider.js'></script>
  5. <style type="text/css">
  6. /* slider container */
  7. .iosSlider {
  8.     /* required */
  9.     position: relative;
  10.     top: 0;
  11.     left: 0;
  12.     overflow: hidden;
  13.    
  14.     width: <slider width>px;
  15.     height: <slider height>px;
  16. }
  17. /* slider */
  18. .iosSlider .slider {
  19.     /* required */
  20.     width: 100%;
  21.     height: 100%;
  22. }
  23. /* slide */
  24. .iosSlider .slider .slide {
  25.     /* required */
  26.     float: left;
  27.  
  28.     width: <slide width>px;
  29.     height: <slide height>px;
  30. }
  31. </style>
  32. <script type = 'text/javascript'>
  33. var Webflow = Webflow || [];
  34. Webflow.push(function () {
  35.   // basic - default settings
  36.     $('.iosSlider').iosSlider();
  37.    
  38.     // some custom settings
  39.     $('.iosSlider').iosSlider({
  40.         snapToChildren: true,
  41.         scrollbar: true,
  42.         scrollbarHide: false,
  43.         desktopClickDrag: true,
  44.         scrollbarLocation: 'bottom',
  45.         scrollbarHeight: '6px',
  46.         scrollbarBackground: 'url(images/some-img.png) repeat 0 0',
  47.         scrollbarBorder: '1px solid #000',
  48.         scrollbarMargin: '0 30px 16px 30px',
  49.         scrollbarOpacity: '0.75',
  50.         onSlideChange: changeSlideIdentifier
  51.     });
  52.  
  53. });
  54.  
  55.  
  56. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement