Като прибавим към JQuery плъгин за захранване за превъртане, mnogoblog
Здравейте, днес нека да поговорим за това как да се прикрепя към всеки блок на сайта си лента за превъртане с JQuery плъгин - JQuery slimScroll лента за превъртане.
Изтеглете изходния код на тази статия може да бъде по-долу
Този плъгин ще вземе със JQuery Plugin Хранилище - «plugins.jquery.com».
За информация относно плъгин JQuery slimScroll плъзгач базирани хранилището:
Задължително JQuery> = 1,7
Демо пример може да бъде намерен на страницата плъгин - «rocha.la/jQuery-slimScroll» или да изтеглите компресиран архивен файл на плъгина на същата тази страница - тя ще бъде папка примери, да го отворите в файла index.html - тук ще откриете повече от 20 примера за използването на плъгин.
Как да инсталирате плъгина на JQuery сайт WordPress?
1. Отидете на сайта «rocha.la/jQuery-slimScroll» и кликнете върху линка «slimScroll Download» на:
Можете да изтеглите пощенски файл, разопакова го - от получената таткото ще ни трябва само един файл - jquery.slimscroll.min.js
2. Ние се хвърля jquery.slimscroll.min.js към сървъра на сайта. Можете да използвате FTP за качване (което може да хвърли в главната папка на сайта) или просто да го добавите като медиен файл чрез WordPress контролния панел.
Използвайте Вторият начин - отворен WordPress контролен панел в лявото меню изберете елемента "Медия" и неговата подточка "Добавяне на нов", изберете jquery.slimscroll.min.js файл на вашия компютър и да го зареди - тогава не забравяйте да го URL:
За тази цел в header.php файл можете да вмъкнете в таг Следващият ред код:
Това означава, че ние сме регистрирани jquery.slimscroll.min_.js скрипт и го завърза за JQuery 1.9.0.
4. Сега изберете съответния текст или код. към която искате да се свържете лентата за превъртане, и го увийте в Разделение след блокове:
Ако поставите в една джаджа, изберете джаджа наречена "Текст".
5. В този JQuery плъгин разполага с много опции - те могат да видят, ако отворите папка в примерите, качени в параграф 1 компресиран файл.
Това е, разопаковането изтегления архивен файл, се движат в директорията на примери, той съдържа index.html файл и да го отворите:
От ляво ще видите меню с подсекции примери, както и за правото на кода за демонстрация.
Това означава, че при всеки пример ще намерите кода, който трябва да добавите към slimscroll.min.js файл. хвърлихме на сайта на стъпка 2. т.е. ще трябва да редактирате.
Например, за да стигна до тук тази единица:
Трябва да добавите следния код slimscroll.min.js файл до дъното:
В следващата статия ще се опитаме да разберем създаването на лентата за превъртане при блокове с CSS.
Сходни публикации:
- Промяна в сценария фон блок (сайт)
- Плавното превъртане зареждане на страницата
- Показване на съдържанието със закъснение
- JQuery анимации: Santa Северен елен (Дядо Коледа) до сайта
- Създаване на прибиращ единица отгоре, отляво, отдясно, за да ...
- Plugins книги, посветени на WordPress или съдържание под формата на книга
навигация в публикациите
Благодаря ви много за статията, дълго търсене за това, което ми се струваше толкова просто нещо, но никъде така не намери толкова лесно изпълнение, точно това, което трябва)
Добре дошли! Аз правя всичко в класа си, но превъртане не работи! Сайтът се прави за първи път, може би нещо не е активиран, моля да ми помогне ... Аз jquery.slimscroll.min.js зарежда като медиен файл, копирайте адреса му, аз се свържете чрез скрипт functions.php файл - както сте написали, да промените URL до адреса ви, текст увийте в Разделение блок, но тя не работи! ако оставите URL във файла functions.php - тя работи, но, разбира се, не мога да променя устройството превъртане! Моля, помогнете ... Обзалагам се, че в продължение на 3 дни!