diff --git a/.github/ISSUE_TEMPLATE.md b/.github/ISSUE_TEMPLATE.md index c47d680f5..58f279ac5 100644 --- a/.github/ISSUE_TEMPLATE.md +++ b/.github/ISSUE_TEMPLATE.md @@ -1,7 +1,7 @@ ### Description ### Link to isolated reproduction with no external CSS / JS -[Ideally in jsfiddle.net (https://jsfiddle.net/alvarotrigo/ea17skjr) or codepen.io (https://codepen.io/alvarotrigo/pen/NxyPPp), links to personal websites won't be reviewed unless isolated. Reported issues without a reproduction might get closed.] +[Ideally in jsfiddle.net (https://jsfiddle.net/alvarotrigo/ea17skjr) or codepen.io (https://codepen.io/alvarotrigo/pen/qqabrp), links to personal websites won't be reviewed unless isolated. Reported issues without a reproduction might get closed.] ### Steps to reproduce it 1. [First step] diff --git a/README.md b/README.md index 7475a0cdd..16836b4be 100644 --- a/README.md +++ b/README.md @@ -9,6 +9,7 @@ Pусский | 中文 | 한국어 | + 日本語 | Português Brasileiro
@@ -18,7 +19,7 @@ --- -![fullPage.js version](https://img.shields.io/badge/fullPage.js-v4.0.25-brightgreen.svg) +![fullPage.js version](https://img.shields.io/badge/fullPage.js-v4.0.26-brightgreen.svg) [![License](https://img.shields.io/badge/License-GPL-blue.svg)](https://www.gnu.org/licenses/gpl-3.0.html) [![PayPal Donate](https://img.shields.io/badge/donate-PayPal.me-ff69b4.svg)](https://www.paypal.me/alvarotrigo/9.95) [![jsDelivr Hits](https://data.jsdelivr.com/v1/package/npm/fullpage.js/badge?style=rounded)](https://www.jsdelivr.com/package/npm/fullpage.js) @@ -98,7 +99,7 @@ bower install fullpage.js npm install fullpage.js ``` -### Including files: +### Including files ```html @@ -108,7 +109,7 @@ npm install fullpage.js ``` -Using Webpack, Browserify or Require.js? Check how to use fullPage.js with module loaders. +Using Webpack, Browserify or Require.js? Check [how to use fullPage.js with module loaders](https://github.com/alvarotrigo/fullPage.js/wiki/Use-module-loaders-for-fullPage.js). ### Optional use of CDN If you prefer to use a CDN to load the needed files, fullPage.js is in CDNJS: @@ -174,13 +175,11 @@ $(document).ready(function() { scrollHorizontally: true }); - //methods + // Example of how to use fullpage.js methods $.fn.fullpage.setAllowScrolling(false); }); ``` -Functions and methods can still be called in the jQuery way, as [in fullPage.js v2.X](https://github.com/alvarotrigo/fullPage.js/tree/2.9.7). - #### Vanilla JS example with all options A more complex initialization with all options set could look like this: ```javascript @@ -387,7 +386,7 @@ Then you will be able to use and configure them as explained in [options](https: ### licenseKey -(default `null`) **This option is compulsory.** If you use fullPage in a non open source project, then you should use the license key provided on the purchase of the fullPage Commercial License. If your project is open source and it is compatible with the GPLv3 license you can use the option `gplv3-license`. Please read more about licenses [here](https://github.com/alvarotrigo/fullPage.js#license) and [on the website](https://alvarotrigo.com/fullPage/pricing/). Example of usage: +(default `null`). **This option is compulsory.** If you use fullPage in a non open source project, then you should use the license key provided on the purchase of the fullPage Commercial License. If your project is open source and it is compatible with the GPLv3 license you can [request a license key](https://alvarotrigo.com/fullPage/extensions/requestKey.html). Please read more about licenses [here](https://github.com/alvarotrigo/fullPage.js#license) and [on the website](https://alvarotrigo.com/fullPage/pricing/). Example of usage: ```javascript new fullpage('#fullpage', { diff --git a/dist/fullpage.css b/dist/fullpage.css index f43850b7a..a6d1d9b47 100644 --- a/dist/fullpage.css +++ b/dist/fullpage.css @@ -1,5 +1,5 @@ /*! - * fullPage 4.0.25 + * fullPage 4.0.26 * https://github.com/alvarotrigo/fullPage.js * * @license GPLv3 for open source use only @@ -95,6 +95,7 @@ html.fp-enabled, transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translate3d(0,-50%,0); + pointer-events: none; } #fp-nav.fp-right { right: 17px; @@ -112,6 +113,7 @@ html.fp-enabled, left: 0 !important; right: 0; margin: 0 auto !important; + pointer-events: none; } .fp-slidesNav.fp-bottom { bottom: 17px; @@ -144,6 +146,7 @@ html.fp-enabled, height: 100%; cursor: pointer; text-decoration: none; + pointer-events: all; } #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, diff --git a/dist/fullpage.extensions.min.js b/dist/fullpage.extensions.min.js index 90d3c45b6..6cb4647ac 100644 --- a/dist/fullpage.extensions.min.js +++ b/dist/fullpage.extensions.min.js @@ -1,5 +1,5 @@ /*! -* fullPage 4.0.25 +* fullPage 4.0.26 * https://github.com/alvarotrigo/fullPage.js * * @license GPLv3 for open source use only @@ -8,4 +8,4 @@ * * Copyright (C) 2018 http://alvarotrigo.com/fullPage/ - A project by Alvaro Trigo */ -!function(n,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(n="undefined"!=typeof globalThis?globalThis:n||self).fullpage=t()}(this,(function(){"use strict";var n,t,e,i,r=Object.freeze({__proto__:null,get showError(){return be},get isVisible(){return Se},get getVisible(){return ye},get $(){return Me},get deepExtend(){return Te},get hasClass(){return Ae},get getWindowHeight(){return xe},get t(){return Oe},get css(){return ke},get prev(){return Ee},get next(){return Re},get last(){return je},get index(){return Le},get getList(){return ze},get hide(){return De},get show(){return Ne},get isArrayOrList(){return Pe},get addClass(){return He},get removeClass(){return Ce},get appendTo(){return Ie},get wrap(){return We},get wrapAll(){return Fe},get wrapInner(){return Ve},get unwrap(){return Ze},get closest(){return Be},get after(){return Ge},get before(){return Ye},get insertBefore(){return Ue},get getScrollTop(){return Xe},get siblings(){return _e},get preventDefault(){return Qe},get i(){return Je},get o(){return Ke},get u(){return qe},get l(){return $e},get v(){return ni},get isFunction(){return ti},get trigger(){return ei},get matches(){return ii},get toggle(){return ri},get createElementFromHTML(){return oi},get remove(){return ai},get filter(){return ui},get untilAll(){return li},get nextAll(){return ci},get prevAll(){return si},get toArray(){return fi},get p(){return di},get h(){return vi},get g(){return pi},get S(){return hi},get M(){return gi}});Array.prototype.find||Object.defineProperty(Array.prototype,"find",{value:function(n){if(null==this)throw new TypeError('"this" is null or not defined');var t=Object(this),e=t.length>>>0;if("function"!=typeof n)throw new TypeError("predicate must be a function");for(var i=arguments[1],r=0;r@@ -17,7 +18,7 @@ --- -![fullPage.js version](https://img.shields.io/badge/fullPage.js-v4.0.25,2-brightgreen.svg) +![fullPage.js version](https://img.shields.io/badge/fullPage.js-v4.0.26,2-brightgreen.svg) [![License](https://img.shields.io/badge/License-GPL-blue.svg)](https://www.gnu.org/licenses/gpl-3.0.html) [![PayPal Donate](https://img.shields.io/badge/donate-PayPal.me-ff69b4.svg)](https://www.paypal.me/alvarotrigo/9.95) [![jsDelivr Hits](https://data.jsdelivr.com/v1/package/npm/fullpage.js/badge?style=rounded)](https://www.jsdelivr.com/package/npm/fullpage.js) @@ -110,7 +111,7 @@ npm install fullpage.js ``` -Using Webpack, Browserify or Require.js? Check how to use fullPage.js with module loaders . +Using Webpack, Browserify or Require.js? Check [how to use fullPage.js with module loaders](https://github.com/alvarotrigo/fullPage.js/wiki/Use-module-loaders-for-fullPage.js) . ### 可选用 CDN : 如果您倾向使用 CDN 载入所需文件,fullPage.js 在 CDNJS: @@ -171,13 +172,11 @@ $(document).ready(function() { scrollHorizontally: true }); - //methods + // Example of how to use fullpage.js methods $.fn.fullpage.setAllowScrolling(false); }); ``` -函数和方法仍然可以用 jQuery 方式调用,如在 [fullPage.js v2.X](https://github.com/alvarotrigo/fullPage.js/tree/2.9.7) 中一样。 - #### 带有所有功能选项的 Vanilla JS 演示 所有选项的更复杂的初始化如下所示: ```javascript diff --git a/lang/french/README.md b/lang/french/README.md index 04d281c5b..611d94c8f 100644 --- a/lang/french/README.md +++ b/lang/french/README.md @@ -3,12 +3,13 @@ ![compatibility](https://raw.github.com/alvarotrigo/fullPage.js/master/examples/imgs/compatible.png)
- English | + English | Español | Français | Pусский | 中文 | 한국어 | + 日本語 | Português Brasileiro
@@ -18,7 +19,7 @@ --- -![fullPage.js version](https://img.shields.io/badge/fullPage.js-v4.0.25-brightgreen.svg) +![fullPage.js version](https://img.shields.io/badge/fullPage.js-v4.0.26-brightgreen.svg) [![License](https://img.shields.io/badge/License-GPL-blue.svg)](https://www.gnu.org/licenses/gpl-3.0.html) [![PayPal Donate](https://img.shields.io/badge/donate-PayPal.me-ff69b4.svg)](https://www.paypal.me/alvarotrigo/9.95) [![jsDelivr Hits](https://data.jsdelivr.com/v1/package/npm/fullpage.js/badge?style=rounded)](https://www.jsdelivr.com/package/npm/fullpage.js) @@ -111,7 +112,7 @@ Comme vous pouvez le voir dans les fichiers d'exemple, vous devrez inclure : ``` -Vous utilisez Webpack, Browserify ou Require.js ? Vérifiez comment utiliser fullPage.js avec les chargeurs de modules . +Vous utilisez Webpack, Browserify ou Require.js ? Vérifiez [comment utiliser fullPage.js avec les chargeurs de modules](https://github.com/alvarotrigo/fullPage.js/wiki/Use-module-loaders-for-fullPage.js). ### Utilisation facultative du CDN Si vous préférez utiliser un CDN pour charger les fichiers nécessaires, fullPage.js est dans CDNJS : @@ -177,13 +178,11 @@ $(document).ready(function() { scrollHorizontally: true }); - //methods + // Example of how to use fullpage.js methods $.fn.fullpage.setAllowScrolling(false); }); ``` -Les fonctions et méthodes peuvent toujours être appelées de la manière jQuery, comme [dans fullPage.js v2.X](https://github.com/alvarotrigo/fullPage.js/tree/2.9.7). - #### Exemple de Vanille JS avec toutes les options Une initialisation plus complexe avec toutes les options définies pourrait ressembler à ceci : @@ -393,7 +392,7 @@ Vous pourrez ensuite les utiliser et les configurer comme expliqué dans [option ## Options ### licenseKey -(défaut `null`).**Cette option est facultltative.** Si vous utilisez fullPage dans un projet non open source, vous devez utiliser la clé de licence fournie lors de l'achat de la Licence Commerciale fullPage. Si votre projet est open source, [contactez-moi](https://alvarotrigo.com/#contact) avec un lien vers son répertoire et je vous fournirai une clé de licence. Pour en savoir plus sur les licences [ici] (https://github.com/alvarotrigo/fullPage.js#license) et [sur le site Web] (https://alvarotrigo.com/fullPage/pricing/). Par exemple : +(défaut `null`).**Cette option est facultltative.** Si vous utilisez fullPage dans un projet non open source, vous devez utiliser la clé de licence fournie lors de l'achat de la Licence Commerciale fullPage. Si votre projet est open source, [contactez-moi](https://alvarotrigo.com/#contact) avec un lien vers son répertoire et je vous fournirai une clé de licence. Pour en savoir plus sur les licences [ici](https://github.com/alvarotrigo/fullPage.js#license) et [sur le site Web](https://alvarotrigo.com/fullPage/pricing/). Par exemple : ```javascript new fullpage('#fullpage', { diff --git a/lang/japanese/README.md b/lang/japanese/README.md new file mode 100644 index 000000000..baeff802e --- /dev/null +++ b/lang/japanese/README.md @@ -0,0 +1,943 @@ +# fullPage.js +![preview](https://raw.github.com/alvarotrigo/fullPage.js/master/examples/imgs/intro.png) +![compatibility](https://raw.github.com/alvarotrigo/fullPage.js/master/examples/imgs/compatible.png) + ++ English | + Español | + Français | + Pусский | + 中文 | + 한국어 | + 日本語 | + Português Brasileiro +
+ ++ Available for Vue, React and Angular. +
+ +--- + +![fullPage.js version](https://img.shields.io/badge/fullPage.js-v4.0.25-brightgreen.svg) +[![License](https://img.shields.io/badge/License-GPL-blue.svg)](https://www.gnu.org/licenses/gpl-3.0.html) +[![PayPal Donate](https://img.shields.io/badge/donate-PayPal.me-ff69b4.svg)](https://www.paypal.me/alvarotrigo/9.95) +[![jsDelivr Hits](https://data.jsdelivr.com/v1/package/npm/fullpage.js/badge?style=rounded)](https://www.jsdelivr.com/package/npm/fullpage.js) +[![Minzipped Size](https://img.shields.io/bundlephobia/minzip/fullpage.js)](https://bundlephobia.com/package/fullpage.js) + **|** *Created by [@imac2](https://twitter.com/imac2)* + +- [Demo online](https://alvarotrigo.com/fullPage/) | [Codepen](https://codepen.io/alvarotrigo/pen/qqabrp) +- [Wordpress plugin for Gutenberg](https://alvarotrigo.com/fullPage/wordpress-plugin-gutenberg/) and [WordPress plugin for Elementor](https://alvarotrigo.com/fullPage/wordpress-plugin-elementor/) +- [Wordpress theme](https://alvarotrigo.com/fullPage/utils/wordpress.html) +- [fullpage.js Extensions](https://alvarotrigo.com/fullPage/extensions/) +- [Frequently Answered Questions](https://github.com/alvarotrigo/fullPage.js/wiki/FAQ---Frequently-Answered-Questions) +- [[Migration from fullPage v3 to fullpage v4]](https://alvarotrigo.com/fullPage/help/migration-from-fullpage-3/) +--- + +シンプルで使いやすいライブラリで、フルスクリーンのスクロールサイト(シングルページウェブサイトまたはワンページサイトとも呼ばれる)を作成し、サイトのセクション内に横向きのスライダーを追加します。 + +- [はじめに](https://github.com/alvarotrigo/fullPage.js#introduction) +- [互換性](https://github.com/alvarotrigo/fullPage.js#compatibility) +- [ライセンス](https://github.com/alvarotrigo/fullPage.js#license) +- [使用方法](https://github.com/alvarotrigo/fullPage.js#usage) + - [セクションやスライドへのリンク作成](https://github.com/alvarotrigo/fullPage.js#creating-links-to-sections-or-slides) + - [小さなセクションや大きなセクションの作成](https://github.com/alvarotrigo/fullPage.js#creating-smaller-or-bigger-sections) + - [fullpage.jsによって追加される状態クラス](https://github.com/alvarotrigo/fullPage.js#state-classes-added-by-fullpagejs) + - [遅延読み込み](https://github.com/alvarotrigo/fullPage.js#lazy-loading) + - [埋め込まれたメディアの自動再生/一時停止](https://github.com/alvarotrigo/fullPage.js#auto-playpause-embedded-media) + - [拡張機能の使用](https://github.com/alvarotrigo/fullPage.js#use-extensions) +- [オプション](https://github.com/alvarotrigo/fullPage.js#options) +- [メソッド](https://github.com/alvarotrigo/fullPage.js#methods) +- [コールバック](https://github.com/alvarotrigo/fullPage.js#callbacks) +- [問題の報告](https://github.com/alvarotrigo/fullPage.js#reporting-issues) +- [fullpage.jsへの貢献](https://github.com/alvarotrigo/fullPage.js#contributing-to-fullpagejs) +- [変更履歴](https://github.com/alvarotrigo/fullPage.js#changelog) +- [ビルドタスク](https://github.com/alvarotrigo/fullPage.js#build-tasks) +- [リソース](https://github.com/alvarotrigo/fullPage.js#resources) +- [fullpage.jsを使用しているサイト](https://github.com/alvarotrigo/fullPage.js#who-is-using-fullpagejs) +- [寄付](https://github.com/alvarotrigo/fullPage.js#donations) +- [スポンサー](https://github.com/alvarotrigo/fullPage.js#sponsors) + +## はじめに +機能の要望だけでなく、コーディングスタイルの改善についても提案を歓迎します。 +皆さんの生活をより簡単にするための素晴らしいライブラリにしましょう! + +## 互換性 +fullPage.jsはすべての最新ブラウザおよびIE 11で完全に機能します。IE < 11をサポートする必要がある場合は、[fullPage.js v3](https://github.com/alvarotrigo/fullPage.js/tree/3.1.2)を使用してください。 +また、モバイルフォン、タブレット、タッチスクリーンコンピュータ向けのタッチサポートも提供しています。 + +fullpage.jsをサポートしてくれる[Browserstack](https://www.browserstack.com/)に特別な感謝を捧げます。 + +## ライセンス + +### 商用ライセンス +fullPageを使用して非オープンソースのサイト、テーマ、プロジェクト、アプリケーションを開発したい場合は、商用ライセンスが適しています。このオプションでは、ソースコードはプロプライエタリとして保持されます。つまり、アプリケーションの全ソースコードをオープンソースライセンスに変更する必要はありません。[[Fullpage商用ライセンスの購入]](https://alvarotrigo.com/fullPage/pricing/) + +### オープンソースライセンス +GNU GPL v3ライセンスと互換性のあるオープンソースアプリケーションを作成している場合は、GPLv3の条件に基づいてfullPageを使用することができます。 + +**fullPage.jsが使用されていることを明示的に示す必要があります。JavaScriptおよびCSSファイルのクレジットコメントはそのまま残してください**(組み合わせや最適化後も)。 + +[fullPageのライセンスについて詳しく読む](https://alvarotrigo.com/fullPage/pricing/)。 + +## 使用方法 +例のファイルでわかるように、以下を含める必要があります: + - JavaScriptファイル `fullpage.js`(またはその最小化バージョン `fullpage.min.js`) + - CSSファイル `fullpage.css` + + **オプション**、`css3:false`を使用する場合、ライブラリに含まれているイージング効果(`easeInOutCubic`)以外の効果を使用したい場合は、[easingsファイル](https://github.com/alvarotrigo/fullPage.js/tree/master/vendors/easings.min.js)を追加できます。 + +### bowerまたはnpmを使用してインストール +**オプション**、必要に応じてfullPage.jsをbowerまたはnpmでインストールできます: + +ターミナル: +```shell +// bowerを使用 +bower install fullpage.js + +// npmを使用 +npm install fullpage.js +``` + +### ファイルのインクルード +```html + + + + + + +``` + +Webpack、Browserify、またはRequire.jsを使用していますか?[モジュールローダーを使用したfullPage.jsの使い方](https://github.com/alvarotrigo/fullPage.js/wiki/Use-module-loaders-for-fullPage.js)を確認してください。 + +### オプションでCDNの使用 +必要なファイルを読み込むためにCDNを使用することを希望する場合、fullPage.jsはCDNJSにあります: +https://cdnjs.com/libraries/fullPage.js + +### 必須HTML構造 +HTML文書をHTMLの[DOCTYPE宣言](https://www.corelangs.com/html/introduction/doctype.html)で始めます。そうしないと、セクションの高さに問題が発生する可能性があります。提供された例ではHTML 5のDOCTYPE ``を使用しています。 + +各セクションは`section`クラスを含む要素で定義されます。 +デフォルトでアクティブなセクションは最初のセクションで、これはホームページと見なされます。 + +セクションはラッパー(この場合は`