Stránkovanie textu – automatické stránkovanie jQuery alebo automatické stránkovanie textu. Inteligentné stránky: Stránkovanie pomocou jQuery Jednoduché stránkovanie pomocou jQuery

Webové stránky zvyčajne obsahujú niekoľko stránok. Môžu obsahovať 3-5 stránok, napríklad na vstupnej stránke, alebo možno viac, oveľa viac.

Každý dobrý web by mal obsahovať navigáciu, ktorá používateľovi umožní správnu navigáciu a pohyb medzi stránkami webu. Takéto stránkovanie môžete vytvoriť pomocou JavaScriptu. V tomto článku si povieme, ako takúto navigáciu vytvoriť.

Ešte jedna vec, okrem bežného JavaScriptu príklad používa Bootstrap 4. Jeho súčasť bootstrap stránkovanie v kombinácii s knižnicou JQuery, konkrétne špeciálnym doplnkom Buzina Pagination. Umožňuje vám rozdeliť všetky informácie na niekoľko stránok s navigáciou medzi nimi.

Pripojenie potrebných rámcov

Ak chcete pracovať s Bootstrap a JQuery, musíte ich prepojiť. To sa dá urobiť vo vašom HTML dokument pomocou značiek. Vytvorte 3 spárované značky ;. Prepojíme Ajax.js, bootstrap 4 a samotný plugin JQuery.

Pre správne pripojenie bootstrapu je potrebné použiť aj tag, v jeho atribúte href uvádzame odkaz na náš framework. Bude obsahovať odkaz na štýly, ktoré plugin obsahuje.

Takže máme pripojené všetko potrebné pre prácu. Ostáva už len pripojiť plugin na vytváranie stránkovania – Buzina Pagination. Na jeho vytvorenie vytvárame aj značky. Do atribútov "href" a "src" zadáme rovnaký odkaz.

Pluginy Buzina Pagination a Bootstrap okrem skriptov obsahujú aj potrebné štýly. Spájame ich cez tag ;. Teraz si pamätajte – aj keď dobre rozumiete CSS, neodporúčame vám meniť nastavenia pluginu. Len pre zaujímavosť si ich môžete otvoriť v editore kódu a prezerať si ich, ale nezabudnite si najprv uložiť pôvodnú verziu kódu.

Váš HTML dokument by mal obsahovať nasledujúci kód:


Stránkovanie stránky pomocou jQuery: Bootstrap 4 .container ( margin: 150px auto; ) Rozloženie stránky. HTML

Vo všetkých našich článkoch sme sa pozreli na vytvorenie 1 HTML stránky, v rovnakom príklade vytvoríme niekoľko naraz, prostredníctvom jedného dokumentu. Zároveň ich nebudeme umiestňovať na rôzne odkazy, budú prístupné kliknutím na tlačidlo. Pre každú stránku vytvoríme samostatný blok.

V našom príklade vytvárame celkovo 5 strán. Pre každý z nich vytvorte samostatný div blok. Do vnútra môžete napísať nejaký text pre vizuálne zobrazenie. Ak chcete, môžete vytvoriť 10, 20 a 30 strán.

Na prácu s nimi nepotrebujete triedy ani identifikátory. Hlavná vec je, že všetky tieto stránky sa nachádzajú vo vnútri hlavného bloku s triedou príkladov.


Funkcie JQuery

Musíte pripojiť niekoľko funkcií:


Záver

Dokončili sme vytváranie stránkovania. Čo sme nakoniec získali? Máme dobre naštylizovanú navigáciu, ktorá sa bude dokonale hodiť k vášmu webu. Pridajte niekoľko prvkov a môžete to prispôsobiť stránkam, ktoré máte.

Skripty môžete ľubovoľne meniť, ale iba ak sa dobre vyznáte v JavaScripte. Hlavnou vecou nie je zmeniť hodnoty skriptov a štýlov doplnkov.

Toto stránkovanie má obrovskú výhodu – jednoduchosť používania. Používateľ nebude musieť načítať ďalšie odkazy na navigáciu medzi stránkami.

Navyše kvôli malému počtu použitých skriptov sa optimalizácia výrazne nezníži.

Značky:

Stránkovanie, alebo ak popprost – navigácia po stránke, je dôležitým prvkom každej viac či menej ucelenej webovej stránky. Rôzne systémy Systémy na správu stránok majú z väčšej časti vstavané nástroje na implementáciu stránkovania. Pre túto užitočnú úlohu je napísaných aj veľa samostatných doplnkov; vo väčšine prípadov sú zostavené pomocou . Všetky tieto pluginy sa líšia štýlom vykonávania aj spôsobom funkčnosť, ale hlavná vec je, že sú vynikajúcou alternatívou k implementácii na strane servera, ktorá rozdeľuje objemný obsah stránok na stránky.

Ponúkam na zváženie, podľa mňa, jeden z najjednoduchších jQuery pluginov na vytváranie navigácie na stránkach, ktorý vám pomôže zorganizovať atraktívne a rýchle stránkovanie.

Po všetkých stránkach veľmi ľahký, ako z hľadiska hmotnosti, tak aj všetkého, čo sa týka pripojenia, nastavení, rýchly na vytváranie stránkovania, vybavený tromi štýlmi dizajnu a nabitý podporou.

Mimochodom, ak nie ste spokojní so štandardnými štýlmi, môžete použiť, ktoré nebude ťažké pripojiť k .css pluginu.

Teraz sa pozrime bližšie na to, ako správne pripojiť samotný doplnok a súbor štýlu k dokumentu, to znamená priamo ho implementovať na stránky lokality a prejsť dostupnými nastaveniami doplnku.

Na začiatok je samozrejme potrebné mať plugin, teda zdroje, v ktorých ste starostlivo zabalení jquery javascript a súbor so štýlom css.

Pozrime sa, ako používať doplnok krok za krokom:

Krok 1: Pripojte jQuery

V tele stránky v časti ... musíte pripojiť rámec jQuery, najlepšie verziu 1.7.2 alebo novšiu, možno to urobiť pomocou špeciálneho úložiska Google:

Ak už máte na svojom webe povolený jQuery a pracujete na plné obrátky, všetky vyššie popísané pohyby môžete pokojne preskočiť, hlavné je, aby verzia jQuery nebola príliš hustá. Vo WordPress, mimochodom, je to všetko v poriadku.
Ďalej pripojíme naše pracovný kôň- doplnok jquery.simplePagination.js:

Nemusíte si s tým lámať hlavu, ale jednoducho vyberte štýl, ktorý potrebujete, svetlý, tmavý alebo kompaktný, a prilepte súbor pravidiel do súboru styles.css vašej šablóny. Registrácia vlastných štýlov alebo používanie Bootstrapu je tiež možnosť, z hľadiska originality a rozvoja zručností pri vytváraní stránok, ešte výhodnejšia.

Krok 3. HTML

Ak chcete zobraziť panel navigácie na stránkach lokality, kde ho plánujete umiestniť, logickejšie a najčastejšie, je to v spodnej časti hlavného obsahu, mali by ste napísať nasledovné:
Pre svetlé pozadie:

Kompaktný motív:

$(function() ( $(#light-pagination).pagination(( items: 100, itemsOnPage: 10, cssStyle: "light-theme" )); ));

V príklade som použil inicializáciu pre stránkovanie svetlej témy #light-pagination , volič si môžete zmeniť na iný, pre kompaktné je to #compact-pagination , alebo pre tmavý štýl #dark-pagination . V tomto prípade nezabudnite zmeniť triedu vo funkcii cssStyle.
Ako som už písal vyššie, plugin je veľmi flexibilný v nastaveniach, na zmenu sú k dispozícii tieto možnosti:

  • položky — Celkový počet položiek, ktoré sa použijú na výpočet strán. Predvolená hodnota: 1.
  • itemsOnPage — Počet položiek, ktoré sa majú zobraziť na každej stránke. Predvolená hodnota: 1.
  • strany — Voliteľné. Ak je zadaná hodnota, voľby items a itemsOnPage sa ignorujú. Nastaví počet strán v zozname.
  • displayPages — Koľko čísel strán by malo byť viditeľných počas navigácie. Minimálna povolená hodnota: 3, predvolená hodnota: 5.
  • okraje — Koľko čísel strán je viditeľných na začiatku a na konci číslovania. Predvolená hodnota: 2.
  • currentPage — Ktorá stránka sa vyberie ihneď po spustení. Logická, predvolená hodnota: 1.
  • hrefTextPrefix – Reťazec použitý v atribúte HREF sa pridá pred číslo stránky. Predvolená hodnota: „#page- “ .
  • hrefTextSuffix — Reťazec použitý v atribúte HREF sa vloží za číslo strany. Predvolený je prázdny reťazec.
  • prevText — Text tlačidla na predchádzajúcu stránku. Predvolená hodnota: "Pred".
  • nextText — Text tlačidla zapnutý ďalšia strana. Predvolené: "Ďalej"
  • cssStyle — Definujte CSS štýl. Predvolené: "svetlá téma"
  • selectOnClick - Výber stránky po kliknutí, predvolene - povolené (pravda), stále nerozumiem, prečo to zakázať, ale existuje taká možnosť, hodnota: "false".

Pozreli sme sa na najzákladnejšie nastavenia. O doplnkové funkcie a dostupné spôsoby používania tohto doplnku, môžete zistiť preštudovaním dokumentácie priamo na stránke vývojára.

Jediné, čo môžem urobiť, je zaželať vám veľa šťastia a úspechov pri práci na vašich nových projektoch.

Reg.ru: domény a hosting

Najväčší registrátor a poskytovateľ hostingu v Rusku.

V prevádzke je viac ako 2 milióny doménových mien.

Propagácia, doménová pošta, obchodné riešenia.

Svoj výber si už vybralo viac ako 700 tisíc zákazníkov po celom svete.

* Ak chcete pozastaviť posúvanie, prejdite myšou.

Späť dopredu

Inteligentné stránky: Stránkovanie pomocou jQuery

Rozdelenie obsahu na samostatné stránky (stránkovanie) je bežným riešením pri práci s veľkým množstvom informácií. Toto sa zvyčajne realizuje prenosom čísla požadovanú stránkuďalší procesor, ktorý získava informácie z databázy a vracia ich v určitej forme. Proces náročný na prácu, ale nutné zlo. Alebo nie?

Nebolo by vhodné pri práci s malým množstvom informácií mať obsah už vopred pripravený, prehľadne usporiadaný a ľahko dostupný?

Teraz urobíme riešenie v jQuery, ktoré nám umožní previesť obvyklé neusporiadaný zoznam prvky v priateľskom vyhľadávače súbor stránok s jednoduchou navigáciou. Tento plugin možno použiť na komentáre, prezentácie alebo akýkoľvek iný typ štruktúrovaného obsahu.

koncepcia

Pri volaní doplnok rozdelí prvky

  • , nachádzajúce sa v neusporiadanom zozname konfigurovateľného počtu skupín. Tieto skupiny (alebo stránky) sú označené ľavým príznakom, takže nie sú viditeľné, keď sa obtáčajú okolo prvku
      , ku ktorému je nehnuteľnosť zaradená pretečenie:skryté. Vygeneruje sa určitý počet navigačných odkazov, ktoré posunú príslušnú stránku s prvkami do zóny viditeľnosti
    • .

      Pre lepšie pochopenie myšlienky sa pozrite na ilustráciu nižšie.


      Krok 1 – XHTML

      Prvým krokom je vytvorenie značky XHTML. Doplnku je potrebné poskytnúť s neusporiadaným zoznamom

        s určitým počtom prvkov
      • vnútri. Nižšie je uvedený kód zo súboru demo.html, ktorý nájdete v archíve príkladov:

        • Lorem ipsum dolor sit amet...
        • Lorem ipsum dolor sit amet...
        • Lorem ipsum dolor sit amet...
        • Lorem ipsum dolor sit amet...

        Blokovať Hlavná funguje ako kontajner pre stránkovaný prvok

          a použije sa naň svetlosivé pozadie. Nezoradený zoznam obsahuje prvky.

          Vo väčšine situácií bude toto označenie pravdepodobne generované nejakým skriptom na pozadí, čo vás oslobodí od toho, aby ste to museli robiť manuálne. Môžete umiestniť prvky dovnútra

        • akýkoľvek obsah, pretože rozmery automaticky vypočítava jQuery (ak chcete použiť obrázky, nezabudnite, že musíte zadať ich šírku a výšku).

          Krok 2 – CSS

          Po vytvorení značky začneme dávať jej štýl. Je dobré používať štýly, ako keby ste nemali stránkovanie, keďže plugin závisí od JavaScriptu. To znamená, že existuje možnosť, že niektorí používatelia nebudú môcť vidieť a teda používať vašu navigáciu stránkovaním.

          styles.css – 1. časť

          #main( /* Hlavný kontajner div */ position:relative; margin:50px auto; width:410px; background:url("img/main_bg.jpg") repeat-x #aeadad; border:1px solid #CCCCCC; padding :70px 25px 60px; /* CSS3 rounded cornenrs */ -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; ) #holder( /* Neusporiadaný zoznam, ktorý sa má rozdeliť do stránok */ width:400px; overflow:hidden; position:relative; background:url("img/dark_bg.jpg") repeat #4e5355; padding-bottom:10px; /* CSS3 vnútorný tieň (webkit je splnený, pretože Google Chrome nemá rád zaoblené rohy v kombinácii s vsadenými tieňmi): */ -moz-box-shadow:0 0 0 10px #222 inset; /*-webkit-box-shadow:0 0 10px #222 inset;*/ box-shadow:0 0 10px #222 inset; ) .swControls( position:absolútna; margin-top:10px; )

          Najprv si upravme štýl bloku. Hlavná a neusporiadaný zoznam (ten je priradený id = držiteľ).

          Všimnite si, že v CSS3 používame efekt tieňa s atribútom vložka simulovať vnútorný tieň. Ako pri väčšine pravidiel CSS3, aj tu musíme pravidlá špecifikovať samostatne pre konkrétne prehliadače: engine Mozilla (Firefox) a Webkit engine (Safri a Chrome).

          Možno ste si všimli, že verzia webkitu je komentovaná. Je to spôsobené chybou pri kreslení tieňov v prehliadači Chrome pri súčasnom použití tejto vlastnosti s vlastnosťou hraničný polomer(tiene sa vytvoria tak, ako keby mal blok pravé rohy, ignorujúc ich zaoblenia, a tým kazia efekt).

          styles.css – 2. časť

          A.swShowPage( /* Odkazy, ktoré spúšťajú snímku stránky */ background-color:#444444; float:left; height:15px; margin:4px 3px; text-indent:-9999px; width:15px; /*border: 1px plný #ccc;*/ /* CSS3 zaoblené rohy */ -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; ) a.swShowPage:hover, a.swShowPage.active ( background-color:#2993dd; /* CSS3 vnútorný tieň */ -moz-box-shadow:0 0 7px #1e435d inset; /*-webkit-box-shadow:0 0 7px #1e435d inset;*/ box-shadow :0 0 7px #1e435d inset; ) #holder li( background-color:#F4F4F4; list-style:none outside none; margin:10px 10px 0; padding:20px; float:left; /* Bežné tiene polí CSS3 (nie inset): */ -moz-box-shadow:0 0 6px #111111; -webkit-box-shadow:0 0 6px #111111; box-shadow:0 0 6px #111111; ) #holder, #holder li( / * Použitie zaoblených rohov na držiak aj držiak lis */ -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; ) .clear( /* Táto trieda vymaže plávajúce prvky */ jasné:obaja; )

          Trieda dokončí kód jasný, ktorý sa používa na resetovanie obalovania prvkov.


          Krok 3 - jQuery

          V záverečnej časti lekcie musíme zahrnúť na stránku Najnovšia verzia knižnice jQuery. Z hľadiska výkonu je rozumné zahrnúť všetky externé JavaScripty bezprostredne pred koncovú značku tela, pretože skripty blokujú vykresľovanie stránky.

          script.js – 1. časť

          (function($)( // Vytvorenie doplnku sweetPages jQuery: $.fn.sweetPages = function(opts)( // Ak neboli zadané žiadne možnosti, vytvorte prázdny objekt opts if(!opts) opts = (); var resultsPerPage = opts.perPage || 3; // Doplnok funguje najlepšie pre neusporiadané zoznamy, // hoci OL by fungovali rovnako dobre: ​​var ul = this; var li = ul.find("li"); li.each(function ()( // Výpočet výšky každého prvku, // a jeho uloženie pomocou metódy údajov: var el = $(this); el.data("height",el.outerHeight(true)); )); / / Výpočet celkového počtu stránok: var pagesNumber = Math.ceil(li.length/resultsPerPage); // Ak sú stránky menšie ako dve, nerobte nič: if(pagesNumbermaxHeight) maxHeight = tmpHeight; totalWidth+=elem.outerWidth( ) ; elem.css("float","left").width(ul.width()); )); swPage.wrapAll(""); // Nastavenie výšky ul na výšku najvyššej stránky: ul.height(maxHeight); var swSlider = ul.find(".swSlider"); swSlider.append("").width(totalWidth); var hyperLinks = ul.find("a.swShowPage"); hyperLinks.click(function(e)( // Ak sa klikne na jeden z ovládacích odkazov, posuňte swSlider div // (ktorý obsahuje všetky stránky) a označte ho ako aktívny: $(this).addClass("active") .siblings().removeClass("active"); swSlider.stop().animate(("margin-left": -(parseInt($(this).text())-1)*ul.width()) ,,pomaly"); e.preventDefault(); )); // Označenie prvého odkazu ako aktívneho pri prvom spustení kódu: hyperLinks.eq(0).addClass("active"); // Vycentrujte ovládací prvok div: swControls.css(( "left":"50%", "margin-left":-swControls.width()/2 )); vrátiť toto; )))(jQuery);

          V druhej časti skriptu prejdeme cez novovytvorené stránky, upravíme ich veľkosť a nastavíme ich tak, aby sa vznášali doľava. V tomto procese nájdeme „najvyššiu“ stránku a podľa toho nastavíme výšku prvku

            .

            Stránky tiež blokujeme swSlider, ktorá je dostatočne široká na to, aby sa zobrazili vedľa seba. Ďalej sledujeme udalosť kliknutia na navigačných odkazoch a presúvame blok swSlider metóda animovať. Tým sa vytvorí posuvný efekt, ktorý vidíte v ukážke.

            script.js – 3. časť

            $(document).ready(function())( /* Nasledujúci kód sa spustí po načítaní DOM */ // Volanie doplnku jQuery a rozdelenie // #holder UL na stránky po 3 LI: $(" # holder").sweetPages((perPage:3)); // Predvolené správanie pluginu je vložiť // odkazy na stránky do ul, ale potrebujeme ich v hlavnom kontajneri: var controls = $(". swControls ").detach(); controls.appendTo("#main"); ));

            V poslednej časti kódu jednoducho zavoláme plugin a odošleme nastavenie na stránku(koľko prvkov na stránku zobraziť). Všimnite si aj použitie metódy oddeliť, predstavený v jQuery 1.4. Odstraňuje prvky z modelu DOM (Document Object Model), ale ponecháva všetkých poslucháčov udalostí nedotknutých. To nám umožňuje presunúť ovládacie referencie mimo prvok

              , kde sa pôvodne nachádzali, pri zachovaní požadovanej funkčnosti.

              Doplnky stránkovania jQuery sú skripty, ktoré možno integrovať do vašej lokality a rozdeliť tak stránky a príspevky na viacero samostatných stránok. V zásade existujú dva spôsoby, ako vytvoriť stránkovanie webu. Buď cez plugin, ktorý po načítaní stránky rozdelí dáta na viacero stránok, alebo cez skript na strane servera, kde sa požadované množstvo dát načíta z databázy a následne načíta na stránku. Stránkovanie môže byť v dobrom zmysle zvýšiť počet zobrazení stránky na vašom webe, a tým tiež zlepšiť mieru odchodov a ďalšie faktory správania, ktoré vyhľadávače zohľadňujú.

              Ak máte na svojich stránkach veľké množstvo údajov, pluginy na vytváranie navigácie na stránkach pomôžu návštevníkom zjednodušiť obsah. V tomto článku sa s vami podelíme o niektoré doplnky, ktoré vám pomôžu vytvoriť požadované nastavenia stránkovania na vašich webových stránkach. Väčšina týchto doplnkov je zadarmo a je možné ich integrovať do akéhokoľvek dizajnu.

              Toto je skvelý doplnok jQuery od Remy Elazare, ktorý kombinuje stránkovanie a posúvanie do jednoduchého používateľského rozhrania.

              jPaginovať

              jPaginate je doplnok stránkovania jQuery, ktorý má jednu funkciu: animované čísla stránok. Používateľ môže prechádzať dostupnými číslami strán kliknutím alebo jednoduchým umiestnením kurzora myši na šípku. K dispozícii sú aj odkazy na prvú a poslednú stranu.

              Pajinate

              Pajinate je jednoduchý a flexibilný doplnok jQuery, ktorý vám umožňuje rozdeliť dlhé zoznamy alebo obsah na viacero samostatných stránok. Nielenže je to jednoduchá alternatíva k implementácii na strane servera, čas načítania stránky medzi prechodmi stránok je prakticky nulový (samozrejme s primeranou veľkosťou stránky).

              Jednoduché plugin jQuery na vytvorenie stránkovania s tromi témami CSS.

              jPList

              jPList je flexibilný doplnok jQuery na triedenie, stránkovanie a filtrovanie akýchkoľvek značiek HTML (DIV, UL/LI, tabuľky atď.) - prémiový doplnok od CodeCanyon.

              Tento doplnok vytvára jednoduché triedenie obsahu a umožňuje vám spravovať obsah pomocou stránkovania! Jednoduché triedenie obsahu poskytuje jednoduchý spôsob, ako ozdobiť vaše rozhranie poskytnutím pohodlného triediaceho mechanizmu. - Prémiový doplnok CodeCanyon

              Jednoduché stránkovanie

              Tento doplnok vám umožňuje jednoducho zobraziť zoznam prvkov, stránkovaný. Je veľmi ľahko implementovateľný a veľmi ľahký, takže môže byť užitočný na použitie vo vašich vlastných projektoch.

              SimplePager

              SimplePager vám umožňuje vytvárať stránkovanie s čo najmenším úsilím a konfiguráciou. Tento doplnok môže stránkovať prvky div, odseky, položky zoznamu a takmer akýkoľvek iný obsah.

              plugin jQuery, ktorý poskytuje nová metóda stránkovanie pre váš web alebo aplikáciu. Namiesto výstupu zoznamu čísiel stránok ako v tradičných metódach používa jqPagination interaktívny výstup čísiel stránok, ako napríklad „1 z 5 stránok“, keď je vybratý, plugin umožňuje používateľovi zadať požadované číslo stránky. Odkazy „prvá strana“, „predchádzajúca“, „nasledujúca“ a „posledná“ sú predvolene povolené, ale možno ich vypnúť.

              Ak máte veľký zoznam položiek (napríklad výsledky vyhľadávania alebo novinky, články), môžete ich zoskupiť podľa jednotlivé stránky a pridajte navigačné prvky pomocou tohto doplnku.

              Ďalší doplnok jQuery na vytváranie navigácie na stránke. Je atraktívny, intuitívny, prichádza s rolovačom stránok a môžete pridať neobmedzený počet stránok.

              Plugin jQuery na vytváranie stránkovania (pre rôzny obsah), ktorý nie je založený na počte prvkov na stránke, ale na výške oblasti obsahu.

              Inteligentný stránkovač

              Smart Paginator je doplnok na stránkovanie jQuery s bohatými funkciami, vďaka ktorému je pridávanie stránkovania hračkou a navyše je vysoko prispôsobiteľný. Smart Paginator dokáže automaticky filtrovať údaje aj na strane klienta.

              Ako už názov napovedá, používa Ajax na vytvorenie navigácie po stránke na vašom webe. Načíta len určitú časť a nie celú stránku, čím sa urýchli načítanie stránky.

              Sladké stránky

              Sweet Pages je doplnok jQuery, ktorý vám umožňuje transformovať jednoduchý neusporiadaný zoznam prvkov na pohodlnú sadu stránok s navigáciou. Dá sa použiť na komentáre, prezentácie alebo akýkoľvek iný typ štruktúrovaného obsahu.


              Ak máte nejaké otázky, odporúčame použiť náš

            • Môžete použiť navigáciu dotykom a potiahnutím myšou
            • Môžete použiť rôzne typy zmien stránok
            • Stav aktívnej stránky je uložený v rozhraní History API
            • Môžete použiť rôzne sady ovládacích prvkov: čísla, šípky, bod, indikátor priebehu a pole na zadanie požadovanej stránky
            • Môžete použiť jednu z pripravených tém
            • Môžete vylepšiť vzhľad nielen textu, ale aj obrázkov či zoznamov
            • Pomocou veľkého množstva rôznych parametrov a metód môžete namiesto nudného textu vytvoriť cukrík
              • SÚPRAVY OVLÁDACÍCH PRVKOV

              Classic of Pagination pozostáva zo sady tlačidiel, ako napríklad „Domov“, „Predchádzajúca“, „Ďalšia“, „Posledná strana“ a samozrejme – čísla strán. Pozostáva tiež z bloku stavu stránky. Každá položka je samostatným a nezávislým prvkom, ktorý sa môže zobraziť kdekoľvek na stránke alebo sa nemusí zobraziť vôbec.

              Ak chcete rýchlo prejsť na požadovanú stránku - zadajte číslo stránky do poľa a kliknite na tlačidlo "OK".

              Tento set je perfektnou navigáciou vhodnou pre malý počet strán, kedy stačí stránky jednoducho otáčať tam a späť

              Toto je najminimalistickejší pohľad na ovládacie prvky, podobný tomu, ktorý ste predtým videli na posúvačoch.

              Tento ovládací prvok je užitočný, ak potrebujete mať rýchly prístup ku všetkým stránkam. Tento typ ovládania je vhodný pre veľký text a pre malé príspevky

              Tento druh ovládania je minimalizovaný kvôli absencii tlačidiel s číslami strán.

              Ide o štýlový a moderný vzhľad správy stránok. Zaberá veľmi málo miesta, ale je veľmi funkčný.

              Toto nie je štandardný typ stránkovania. Pomocou je možné odhadnúť percento prečítaných strán.

              Ovládacie prvky nie sú potrebné na registráciu do pluginu. Do ľubovoľného umiestnenia kódu môžete manuálne pridať ľubovoľný ovládací prvok, ale je potrebné zadať jedinečný názov stránkovacieho bloku v atribúte data-href a identifikátor prechodu. Ako ovládacie tlačidlo môžete použiť ľubovoľný html prvok: a, button, span, div, img a iné.

              Táto sada ovládacích prvkov kombinuje klasický vzhľad a blok pre bystoro prechod na konkrétnu stránku.

              TYP OBSAHU

              Ak na blokovanie používate zásuvný modul, ktorý obsahuje iba textové uzly, text bude rozdelený na časti bodkami, ak sú v texte. Ak text nie je bodový, na oddelenie textu musíte zadať znak v parametri „splitSymbols“, ako je medzera, písmeno alebo iné

              Ak na blokovanie používate zásuvný modul, ktorý obsahuje značky odsekov alebo iné značky html s textom, text bude rozdelený na časti týmito značkami html.

              Plugin rovnako dobre rozdeľuje na stránke ako značky na formátovanie textových a obrázkových značiek. Sledujte správanie výšky obrázka pomocou štýlov CSS

              zoznam je rozdelený ako ostatné značky. Najdôležitejšie je, že zoznam prvkov je potomkom inicializačného prvku

              ĎALŠIE Ukážky

              Na jednej stránke môže byť niekoľko blokov s navigáciou po stránke. A každý z týchto blokov môže mať vaše nastavenia

              Tento parameter určuje číslo stránky, ktorá sa zobrazí po prvom sťahovaní