Widget:FullPage: Difference between revisions
((by SublimeText.Mediawiker)) |
((by SublimeText.Mediawiker)) |
||
| Line 1: | Line 1: | ||
<link rel="stylesheet" type="text/css" href="./skins/BuNay/resources/fullPage.js/dist/fullpage.min.css" /> | <link rel="stylesheet" type="text/css" href="http://buddhanature.tsadra.org/skins/BuNay/resources/fullPage.js/dist/fullpage.min.css" /> | ||
<script type="text/javascript" src="./skins/BuNay/resources/fullPage.js/dist/fullpage.parallax.min.js"></script> | <script type="text/javascript" src="http://buddhanature.tsadra.org/skins/BuNay/resources/fullPage.js/dist/fullpage.parallax.min.js"></script> | ||
<script type="text/javascript" src="./skins/BuNay/resources/fullPage.js/dist/fullpage.extensions.min.js"></script> | <script type="text/javascript" src="http://buddhanature.tsadra.org/skins/BuNay/resources/fullPage.js/dist/fullpage.extensions.min.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Revision as of 11:46, 2 April 2019
<link rel="stylesheet" type="text/css" href="http://buddhanature.tsadra.org/skins/BuNay/resources/fullPage.js/dist/fullpage.min.css" /> <script type="text/javascript" src="http://buddhanature.tsadra.org/skins/BuNay/resources/fullPage.js/dist/fullpage.parallax.min.js"></script> <script type="text/javascript" src="http://buddhanature.tsadra.org/skins/BuNay/resources/fullPage.js/dist/fullpage.extensions.min.js"></script>
<script type="text/javascript"> $(document).ready(function() {
$('#fullpage').fullpage({
licenseKey: 'E37A1D0A-358348ED-9E8909FF-CA06A4E6',
//Navigation
menu: '#menu',
lockAnchors: false,
anchors:['WhatIsBuNay', 'WhatThen', 'OverviewSlides', 'OnFromThere', 'Footer'],
navigation: true,
navigationPosition: 'right',
navigationTooltips: ['Your Buddha-Nature', 'What Then?', 'Slides', 'Related', 'Footer'],
showActiveTooltip: false,
slidesNavigation: true,
slidesNavPosition: 'bottom',
//Scrolling
css3: true,
scrollingSpeed: 700,
autoScrolling: true,
fitToSection: true,
fitToSectionDelay: 1000,
scrollBar: false,
easing: 'easeInOutCubic',
easingcss3: 'ease',
loopBottom: false,
loopTop: false,
loopHorizontal: true,
continuousVertical: false,
continuousHorizontal: false,
scrollHorizontally: true,
interlockedSlides: false,
dragAndMove: false,
offsetSections: false,
resetSliders: false,
fadingEffect: false,
normalScrollElements: '.normal-scroll',
scrollOverflow: true,
scrollOverflowReset: false,
scrollOverflowOptions: null,
touchSensitivity: 15,
normalScrollElementTouchThreshold: 5,
bigSectionsDestination: null,
//Accessibility
keyboardScrolling: true,
animateAnchor: true,
recordHistory: true,
//Design
controlArrows: true,
verticalCentered: true,
sectionsColor : ['none'],
paddingTop: '0',
paddingBottom: '0',
fixedElements: '#header, .footer',
responsiveWidth: 0,
responsiveHeight: 0,
responsiveSlides: false,
parallaxKey: 'dHNhZHJhLm9yZ182OU1jR0Z5WVd4c1lYZz1sMG4=',
parallax: true,
parallaxOptions: {type: 'reveal', percentage: 62, property: 'translate'},
//Custom selectors
sectionSelector: '.section',
slideSelector: '.slide',
lazyLoading: true,
//events
onLeave: function(origin, destination, direction){},
afterLoad: function(origin, destination, direction){},
afterRender: function(){},
afterResize: function(width, height){},
afterResponsive: function(isResponsive){},
afterSlideLoad: function(section, origin, destination, direction){},
onSlideLeave: function(section, origin, destination, direction){}
});
});
document.getElementById('fp-footer').appendChild(
document.getElementById('bnw-footer')
); </script>