Browse code
Implement a new fullpage.js based scrolling and slide handling and remove the old one
Benjamin Roth authored on27/03/2015 12:46:35 Showing1 changed files
| 1 | 1 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,26 @@ |
| 1 |
+<?php |
|
| 2 |
+// Load CSS |
|
| 3 |
+$GLOBALS['TL_CSS'][] = 'system/modules/eSM_onePage/vendor/jquery-fullpage/' . JQFULLPAGE . '/assets/css/jquery.fullPage.css'; |
|
| 4 |
+$GLOBALS['TL_CSS'][] = 'system/modules/eSM_onePage/assets/css/fullpage-exended.css'; |
|
| 5 |
+?> |
|
| 6 |
+<script src="system/modules/eSM_onePage/vendor/jquery-fullpage/<?php echo JQFULLPAGE; ?>/assets/js/jquery.fullPage.min.js"></script> |
|
| 7 |
+<script> |
|
| 8 |
+(function($) {
|
|
| 9 |
+ $(document).ready(function() {
|
|
| 10 |
+ $('.onepage-wrapper').fullpage({
|
|
| 11 |
+ sectionSelector: '.onepage-page', |
|
| 12 |
+ slideSelector: '.onepage-slide', |
|
| 13 |
+ navigation: true, |
|
| 14 |
+ navigationPosition: 'right' |
|
| 15 |
+ }); |
|
| 16 |
+ |
|
| 17 |
+ $('.onepage-scroll-next').click(function (e) {
|
|
| 18 |
+ $.fn.fullpage.moveSectionDown(); |
|
| 19 |
+ }); |
|
| 20 |
+ |
|
| 21 |
+ $('.onepage-scroll-prev').click(function (e) {
|
|
| 22 |
+ $.fn.fullpage.moveSectionUp(); |
|
| 23 |
+ }); |
|
| 24 |
+ }); |
|
| 25 |
+})(jQuery); |
|
| 26 |
+</script> |