Paginacija teksta - jQuery Auto Pagination ili automatska paginacija teksta. Pametne stranice: Paginacija pomoću jQuery-ja. Jednostavna paginacija pomoću jQuery-ja

Web stranice obično sadrže nekoliko stranica. Mogu sadržavati 3-5 stranica, na primjer na odredišnoj stranici, ili možda više, puno više.

Svaka dobra web stranica trebala bi sadržavati navigaciju koja će korisniku omogućiti ispravnu navigaciju i kretanje između stranica stranice. Takvu paginaciju možete izraditi pomoću JavaScripta. U ovom članku ćemo govoriti o tome kako stvoriti takvu navigaciju.

Još jedna stvar, uz obični JavaScript, primjer koristi Bootstrap 4. Njegova komponenta bootstrap paginacija u kombinaciji s bibliotekom JQuery, odnosno posebnim dodatkom Buzina Pagination. Omogućuje vam da podijelite sve informacije na nekoliko stranica s navigacijom između njih.

Povezivanje potrebnih okvira

Za rad s Bootstrapom i JQueryjem morate ih povezati. To se može učiniti u vašem HTML dokument, koristeći oznake. Napravite 3 uparene oznake ;. Spojit ćemo Ajax.js, bootstrap 4 i sam JQuery plugin.

Da biste ispravno povezali bootstrap, također morate koristiti oznaku; u atributu href označavamo vezu na naš okvir. Sadržavat će poveznicu na stilove koje dodatak sadrži.

Dakle, povezali smo sve što je potrebno za rad. Ostalo je samo spojiti dodatak za izradu paginacije - Buzina Pagination. Da bismo ga stvorili, također stvaramo i oznake. U atribute "href" i "src" upisujemo isti link.

Dodaci Buzina Pagination i Bootstrap osim skripti sadrže i potrebne stilove. Spajamo ih preko oznake ;. Zapamtite - čak i ako dobro razumijete CSS, ne preporučujemo da idete i mijenjate postavke dodatka. Samo iz zabave, možete ih otvoriti u uređivaču koda i pogledati, ali prvo spremite originalnu verziju koda.

Vaš HTML dokument treba sadržavati sljedeći kod:


Paginacija za web mjesto pomoću jQueryja: Bootstrap 4 .container ( margina: 150px auto; ) Izgled stranice. HTML

U svim našim člancima promatrali smo stvaranje 1 HTML stranice, u istom primjeru kreirat ćemo ih nekoliko odjednom, kroz jedan dokument. Pritom ih nećemo postavljati na različite poveznice, već će im se pristupiti klikom na gumb. Za svaku stranicu izradit ćemo zaseban blok.

U našem primjeru stvaramo ukupno 5 stranica. Napravite zasebnu za svaku od njih div blok. Unutra možete napisati neki tekst za vizualni prikaz. Ako želite, možete izraditi 10, 20 i 30 stranica.

Za rad s njima ne trebaju vam klase ili identifikatori. Glavna stvar je da se sve te stranice nalaze unutar glavnog bloka s primjerom klase.


JQuery funkcije

Morate povezati nekoliko funkcija:


Zaključak

Završili smo izradu paginacije. Na kraju, što smo dobili? Imamo dobro oblikovanu navigaciju koja će savršeno odgovarati vašoj web stranici. Dodajte nekoliko elemenata i možete ga prilagoditi stranicama koje imate.

Skripte možete mijenjati kako želite, ali samo ako dobro poznajete JavaScript. Glavna stvar je ne mijenjati vrijednosti skripti i stilova dodataka.

Ova paginacija ima veliku prednost - jednostavnost korištenja. Korisnik neće morati učitavati dodatne poveznice za navigaciju između stranica.

Štoviše, zbog malog broja korištenih skripti, optimizacija neće biti znatno smanjena.

Oznake:

Paginacija, ili ako je popprost - navigacija po stranici, važan je element svake manje-više cjelovite web stranice. Razni sustavi Sustavi za upravljanje stranicama većinom imaju ugrađene alate za implementaciju paginacije. Također postoji mnogo zasebnih dodataka napisanih za ovaj koristan zadatak; u većini slučajeva izgrađeni su pomoću . Svi ovi dodaci razlikuju se i po stilu i po načinu izvođenja funkcionalnost, ali glavna stvar je da su izvrsna alternativa implementaciji na strani poslužitelja razbijanja voluminoznog sadržaja web stranica na stranice.

Nudim na razmatranje, po mom mišljenju, jedan od najlakših jQuery dodataka za kreiranje navigacije stranicama, koji će vam pomoći organizirati privlačno i brzo paginiranje.

Vrlo lagan u svim pogledima, kako po težini tako i po svemu što se tiče povezivanja, postavki, brz za kreiranje paginacije, opremljen s tri stila dizajna i nabijen podrškom.

Usput, ako niste zadovoljni standardnim stilovima, možete koristiti, što neće biti teško priložiti .css dodatka.

Sada pobliže pogledajmo kako ispravno povezati sam dodatak i stilsku datoteku s dokumentom, odnosno izravno ga implementirati na stranice web mjesta i proći kroz dostupne postavke dodatka.

Za početak, naravno, morate imati dodatak, odnosno sa izvorima, u koje ste pažljivo upakirani jquery javascript i css stilsku datoteku.

Pogledajmo korak po korak kako koristiti dodatak:

Korak 1: Povežite jQuery

U tijelu stranice, u odjeljku ..., trebate povezati jQuery framework, po mogućnosti verziju 1.7.2 ili noviju, to možete učiniti pomoću posebnog Google repozitorija:

Ako već imate jQuery omogućen na svojoj web stranici i radite punom brzinom, možete sigurno preskočiti sve gore opisane pokrete, glavna stvar je osigurati da jQuery verzija nije pregusta. Usput, u WordPressu je to u redu.
Dalje, povezujemo naše radni konj- jquery.simplePagination.js dodatak:

Ne morate se mučiti oko toga, već jednostavno odaberite stil koji vam je potreban, svijetli, tamni ili kompaktni, i zalijepite skup pravila u datoteku styles.css vašeg predloška. Registracija vlastitih stilova ili korištenje Bootstrapa također je opcija, u smislu originalnosti i razvoja vještina izgradnje web stranica, čak i poželjnija.

Korak 3. HTML

Za prikaz navigacijske ploče stranice na stranicama web-mjesta, gdje je planirate postaviti, logičnije i najčešće, to je na dnu glavnog sadržaja, trebali biste napisati sljedeće:
Za svijetlu pozadinu:

Kompaktna tema:

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

U primjeru sam koristio inicijalizaciju za paginaciju svijetle teme #light-pagination , možete promijeniti selektor na drugi, za kompaktno je to #compact-pagination , ili za tamni stil #dark-pagination . U tom slučaju ne zaboravite promijeniti klasu u funkciji cssStyle.
Kao što sam već napisao gore, dodatak je vrlo fleksibilan u postavkama, sljedeće opcije su dostupne za promjenu:

  • stavke — Ukupan broj stavki koje će se koristiti za izračun stranica. Zadano: 1.
  • itemsOnPage — Broj stavki za prikaz na svakoj stranici. Zadano: 1.
  • stranice — izborno. Ako je navedena vrijednost, stavke i opcije itemsOnPage se zanemaruju. Postavlja broj stranica na popisu.
  • displayedPages — Koliko bi brojeva stranica trebalo biti vidljivo tijekom navigacije. Minimalna dopuštena vrijednost: 3, zadana: 5.
  • rubovi — Koliko je brojeva stranica vidljivo na početku i kraju numeracije. Zadana vrijednost: 2.
  • currentPage — Koja će stranica biti odabrana odmah nakon pokretanja. Logična, zadana vrijednost: 1.
  • hrefTextPrefix - niz koji se koristi u atributu HREF dodaje se prije broja stranice. Zadano: "#stranica- ".
  • hrefTextSuffix — Niz koji se koristi u atributu HREF umeće se nakon broja stranice. Zadana vrijednost je prazan niz.
  • prevText — Tekst gumba za prethodnu stranicu. Zadano: "Prethodno".
  • nextText — Tekst gumba uključen sljedeća stranica. Zadano: "Dalje"
  • cssStyle — Definirajte CSS stil. Zadano: "light-theme"
  • selectOnClick - Odabir stranice nakon klika, prema zadanim postavkama - omogućeno (true), još uvijek ne razumijem zašto to onemogućiti, ali postoji takva opcija, vrijednost: "false".

Pogledali smo najosnovnije postavke. OKO dodatne funkcije i dostupne metode za korištenje ovog dodatka, možete saznati proučavanjem dokumentacije izravno na stranici razvojnog programera.

Sve što mogu učiniti je poželjeti vam puno sreće i uspjeha u radu na vašim novim projektima.

Reg.ru: domene i hosting

Najveći registrar i pružatelj usluga hostinga u Rusiji.

Više od 2 milijuna naziva domena u službi.

Promocija, domenska pošta, poslovna rješenja.

Više od 700 tisuća kupaca diljem svijeta već je odabralo svoj izbor.

*Pređite mišem da biste pauzirali pomicanje.

Natrag naprijed

Pametne stranice: Paginacija pomoću jQueryja

Rastavljanje sadržaja na zasebne stranice (paginacija) uobičajeno je rješenje pri radu s velikim količinama informacija. To se obično provodi prijenosom broja željenu stranicu dodatni procesor koji dohvaća podatke iz baze i vraća ih u određenom obliku. Radno intenzivan proces, ali nužno zlo. Ili ne?

Kada radite s malim količinama informacija, ne bi li bilo zgodno imati sadržaj već unaprijed pripremljen, jasno organiziran i lako dostupan?

Sada ćemo napraviti rješenje u jQueryju, koje će nam omogućiti uobičajenu konverziju nesređeni popis elemenata u prijateljskom tražilice skup stranica s jednostavnom navigacijom. Ovaj se dodatak može koristiti za komentare, dijaprojekcije ili bilo koju drugu vrstu strukturiranog sadržaja.

Koncept

Kada se pozove, dodatak dijeli elemente

  • , sadržan u neuređenom popisu podesivog broja grupa. Te su grupe (ili stranice) označene lijevom zastavicom pa nisu vidljive dok omataju element
      , na koje je svojstvo postavljeno preljev: skriven. Generira se određeni broj navigacijskih poveznica koje odgovarajuću stranicu s elementima premještaju u zonu vidljivosti
    • .

      Pogledajte donju ilustraciju kako biste bolje razumjeli ideju.


      Korak 1 - XHTML

      Prvi korak je stvaranje XHTML oznake. Dodatak treba imati neuređen popis

        s određenim brojem elemenata
      • unutar. Ispod je kod iz datoteke demo.html koju ćete pronaći u arhivi primjera:

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

        Blok glavni djeluje kao spremnik za paginirani element

          , a na njega je primijenjena svijetlosiva pozadina. Neuređeni popis sadrži elemente.

          U većini situacija ovu će oznaku vjerojatno generirati neka pozadinska skripta, što vas oslobađa potrebe da to radite ručno. Možete postaviti unutarnje elemente

        • bilo koji sadržaj, budući da dimenzije automatski izračunava jQuery (ako želite koristiti slike, ne zaboravite da morate odrediti njihovu širinu i visinu).

          Korak 2 - CSS

          Nakon što izradimo oznaku, počet ćemo joj davati stil. Dobra je ideja koristiti stilove kao da nemate označavanje stranica, budući da dodatak ovisi o JavaScriptu. To znači da postoji mogućnost da neki korisnici neće moći vidjeti i stoga koristiti vašu navigaciju po stranicama.

          styles.css – 1. dio

          #main( /* Glavni spremnik 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 zaobljeni uglovi */ -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; ) #holder( /* Neuređeni popis koji treba podijeliti na stranice */ width:400px; overflow:hidden; position:relative; background:url("img/dark_bg.jpg") repeat #4e5355; padding-bottom:10px; /* CSS3 unutarnja sjena (webkit je commeted, jer Google Chrome ne voli zaobljene kutove u kombinaciji s umetnutim sjenama): */ -moz-box-shadow:0 0 0 10px #222 umetnuti; /*-webkit-box-shadow:0 0 10px #222 umetnuto;*/ box-shadow:0 0 10px #222 umetnuto; ) .swControls( position:apsolute; margin-top:10px; )

          Kao prvo, stilizirajmo blok. glavni i nesređeni popis (potonji je dodijeljen id = nositelj).

          Primijetite da koristimo efekt sjene u CSS3 s atributom umetnuti za simulaciju unutarnje sjene. Kao i kod većine CSS3 pravila, i dalje trebamo specificirati pravila zasebno za određene preglednike: Mozilla engine (Firefox) i Webkit engine (Safri i Chrome).

          Možda ste primijetili da je verzija webkita komentirana. To je zbog pogreške prilikom crtanja sjena u Chromeu kada se ovo svojstvo koristi istovremeno sa svojstvom granični radijus(sjene se stvaraju kao da blok ima prave kutove, zanemarujući njihove rubove i stoga uništavajući učinak).

          styles.css – 2. dio

          A.swShowPage( /* Veze koje pokreću slajd stranice */ background-color:#444444; float:left; height:15px; margin:4px 3px; text-indent:-9999px; width:15px; /*border: 1px solid #ccc;*/ /* CSS3 zaobljeni kutovi */ -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; ) a.swShowPage:hover, a.swShowPage.active ( background-color:#2993dd; /* CSS3 unutarnja sjena */ -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; /* Redovne sjene okvira CSS3 (ne umetak): */ -moz-box-shadow:0 0 6px #111111; -webkit-box-shadow:0 0 6px #111111; box-shadow:0 0 6px #111111; ) #holder, #holder li( / * Primjena zaobljenih kutova i na držač i na držač */ -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; ) .clear( /* Ova klasa briše plutajuće elemente */ jasno: oboje; )

          Razred dovršava šifru čisto, koristi se za poništavanje omatanja elementa.


          Korak 3 - jQuery

          U završni dio lekcije, moramo uključiti na stranici Najnovija verzija jQuery knjižnice. Iz perspektive izvedbe, mudro je uključiti sav vanjski JavaScript neposredno prije završne oznake tijela, budući da skripte blokiraju prikazivanje stranice.

          skripta.js – 1. dio

          (function($)( // Stvaranje dodatka sweetPages jQuery: $.fn.sweetPages = function(opts)( // Ako nisu proslijeđene opcije, stvorite prazan opts objekt if(!opts) opts = (); var resultsPerPage = opts.perPage || 3; // Dodatak najbolje funkcionira za neuređene popise, // iako bi OL-ovi bili jednako dobri: var ul = this; var li = ul.find("li"); li.each(function ()( // Izračunavanje visine svakog elementa, // i njegovo pohranjivanje s podatkovnom metodom: var el = $(this); el.data("height",el.outerHeight(true)); )); / / Izračunavanje ukupnog broja stranica: var pagesNumber = Math.ceil(li.length/resultsPerPage); // Ako su stranice manje od dvije, ne čini ništa: if(pagesNumbermaxHeight) maxHeight = tmpHeight; totalWidth+=elem.outerWidth( ) ; elem.css("float","left").width(ul.width()); )); swPage.wrapAll(""); // Postavljanje visine ul na visinu najviše stranice: ul.height(maxHeight); var swSlider = ul.find(".swSlider"); swSlider.append("").width(totalWidth); var hyperLinks = ul.find("a.swShowPage"); hyperLinks.click(function(e)( // Ako se klikne na jednu od kontrolnih veza, pomaknite swSlider div // (koji sadrži sve stranice) i označite ga kao aktivnog: $(this).addClass("active") .siblings().removeClass("active"); swSlider.stop().animate(("margin-left": -(parseInt($(this).text())-1)*ul.width()) ,"sporo"); e.preventDefault(); )); // Označite prvu poveznicu kao aktivnu prvi put kada se kôd pokrene: hyperLinks.eq(0).addClass("active"); // Centrirajte kontrolni div: swControls.css(( "left":"50%", "margin-left":-swControls.width()/2 )); vrati ovo; )))(jQuery);

          U drugom dijelu skripte prolazimo kroz novostvorene stranice, mijenjamo njihovu veličinu i postavljamo ih da lebde ulijevo. Pritom pronalazimo "najvišu" stranicu i u skladu s njom postavljamo visinu elementa

            .

            Također blokiramo stranice swSlider, koji je dovoljno širok da ih prikaže jednu do druge. Zatim pratimo događaj klika na navigacijskim vezama i pomičemo blok swSlider metoda animirati. Ovo stvara efekt klizanja koji vidite u demonstraciji.

            skripta.js – dio 3

            $(document).ready(function())( /* Sljedeći kod se izvršava nakon što se DOM učita */ // Pozivanje jQuery dodatka i dijeljenje // #holder UL na stranice od po 3 LI: $(" # holder").sweetPages((perPage:3)); // Zadano ponašanje dodatka je umetanje // veza stranica u ul, ali trebamo ih u glavnom spremniku: var controls = $(". swControls ").detach(); controls.appendTo("#main"); ));

            U posljednjem dijelu koda jednostavno pozivamo dodatak i prosljeđujemo postavku po stranici(koliko elemenata po stranici prikazati). Također obratite pažnju na korištenje metode odvojiti, uveden u jQuery 1.4. Uklanja elemente iz DOM-a (Document Object Model), ali ostavlja sve slušatelje događaja netaknutima. To nam omogućuje premještanje kontrolnih referenci izvan elementa

              , gdje su se izvorno nalazili, a da pritom zadrže željenu funkcionalnost.

              jQuery dodaci za paginaciju su skripte koje se mogu integrirati u vaše web mjesto kako bi se stranice i postovi podijelili na više zasebnih stranica. U osnovi postoje dva načina za stvaranje stranice web stranice. Ili putem dodatka koji dijeli podatke na više stranica nakon što se stranica učita, ili putem skripte na strani poslužitelja gdje se potrebna količina podataka dohvaća iz baze podataka i zatim učitava na stranicu. Paginacija može biti na dobar način povećati broj pregleda stranica na vašoj web stranici, a time i poboljšati stope napuštanja početne stranice i druge čimbenike ponašanja koje tražilice uzimaju u obzir.

              Ako imate veliku količinu podataka na svojim stranicama, tada će dodaci za kreiranje navigacije stranice pomoći da sadržaj bude prikladniji za posjetitelje. U ovom članku ćemo s vama podijeliti neke dodatke koji će vam pomoći da stvorite željene postavke paginacije na svojim web stranicama. Većina ovih dodataka je besplatna i može se integrirati u bilo koji dizajn.

              Ovo je izvrstan jQuery dodatak od Remyja Elazarea koji kombinira označavanje stranica i pomicanje u jednostavno korisničko sučelje.

              jPaginiraj

              jPaginate je jQuery dodatak za paginaciju koji ima jednu značajku: animirane brojeve stranica. Korisnik se može pomicati kroz dostupne brojeve stranica klikom ili jednostavnim prelaskom miša iznad strelice. Dostupne su i poveznice na prvu i posljednju stranicu.

              Pajinate

              Pajinate je jednostavan i fleksibilan jQuery dodatak koji vam omogućuje da podijelite dugačke popise ili sadržaj na više zasebnih stranica. Ne samo da je ovo jednostavna alternativa implementaciji na strani poslužitelja, vrijeme učitavanja stranice između prijelaza stranica je praktički jednako nuli (naravno, uz razumnu veličinu stranice).

              Jednostavan jQuery dodatak za izradu paginacije s tri CSS teme.

              jPList

              jPList je fleksibilan jQuery dodatak za sortiranje, paginiranje i filtriranje bilo kojeg HTML označavanja (DIV, UL/LI, tablice, itd.) - premium dodatak tvrtke CodeCanyon.

              Ovaj dodatak stvara jednostavno razvrstavanje sadržaja i omogućuje vam upravljanje sadržajem pomoću označavanja stranica! Jednostavno razvrstavanje sadržaja pruža jednostavan način za ukrašavanje vašeg sučelja pružanjem prikladnog mehanizma za razvrstavanje. - Premium dodatak je CodeCanyon

              Jednostavno paginiranje

              Ovaj dodatak vam omogućuje jednostavan pregled popisa elemenata, paginiranih. Vrlo je jednostavan za implementaciju i vrlo je lagan, tako da može biti koristan za korištenje u vašim projektima.

              SimplePager

              SimplePager vam omogućuje stvaranje stranica uz što je moguće manje truda i konfiguracije. Ovaj dodatak može paginirati divove, odlomke, stavke popisa i gotovo bilo koji drugi sadržaj.

              jQuery dodatak koji pruža nova metoda označavanje stranica za vašu web stranicu ili aplikaciju. Umjesto ispisivanja popisa brojeva stranica kao u tradicionalnim metodama, jqPagination koristi interaktivni ispis brojeva stranica, kao što je "1 od 5 stranica", kada se odabere, dodatak omogućuje korisniku unos željenog broja stranice. Veze "prva stranica", "prethodna", "sljedeća" i "posljednja" omogućene su prema zadanim postavkama, ali se mogu onemogućiti.

              Ako imate velik popis stavki (na primjer, rezultate pretraživanja ili vijesti, članke), možete ih grupirati prema pojedinačne stranice i dodajte elemente navigacije pomoću ovog dodatka.

              Još jedan jQuery dodatak za kreiranje navigacije stranicama. Atraktivan je, intuitivan, dolazi s klizačem stranica i možete dodati neograničen broj stranica.

              jQuery dodatak za kreiranje paginacije (za različite sadržaje), koja se ne temelji na broju elemenata na stranici, već na visini područja sadržaja.

              Pametni paginator

              Smart Paginator je značajkama bogat jQuery dodatak za paginaciju koji dodavanje paginacije čini lakim, a također je vrlo prilagodljiv. Smart Paginator također može automatski filtrirati podatke na strani klijenta.

              Kao što naziv sugerira, koristi Ajax za stvaranje navigacije stranicama na vašoj web stranici. Učitat će samo određeni dio, a ne cijelu stranicu, čime se ubrzava vrijeme učitavanja stranice.

              Slatke stranice

              Sweet Pages je jQuery dodatak koji vam omogućuje transformaciju jednostavnog neuređenog popisa elemenata u prikladan skup stranica s navigacijom. Može se koristiti za komentare, dijaprojekcije ili bilo koju drugu vrstu strukturiranog sadržaja.


              Ako imate bilo kakvih pitanja, preporučujemo korištenje našeg

            • Možete koristiti navigaciju dodirom i mišem
            • Možete koristiti različite vrste promjene stranica
            • Stanje aktivne stranice sprema se u History API
            • Možete koristiti različite skupove kontrola: brojeve, strelice, točku, traku napretka i polje za unos željene stranice
            • Možete koristiti jednu od gotovih tema
            • Možete poboljšati izgled ne samo teksta, već i slika ili popisa
            • Koristeći veliki broj različitih parametara i metoda, možete stvoriti slatkiš umjesto dosadnog teksta
            • SETOVI UPRAVLJAČKIH ELEMENATA

              Classic of Pagination sastoji se od skupa gumba, poput gumba "Početna", "Prethodna", "Sljedeća", "Posljednja stranica" i naravno - brojeva stranica. Također se sastoji od bloka statusa stranice. Svaka stavka je zaseban i neovisan element, koji se može prikazati bilo gdje na stranici ili se uopće ne prikazati.

              Za brzi skok na željenu stranicu - unesite broj stranice u okvir i kliknite "OK".

              Ovaj set je savršena navigacija pogodna za mali broj stranica, kada je dovoljno jednostavno okrećite stranice naprijed-natrag

              Ovo je najminimalističkiji prikaz kontrola, sličan onom koji ste vidjeli u klizačima.

              Ova kontrola je korisna ako trebate imati brzi pristup svim stranicama. Ova vrsta kontrole prikladna je za veliki tekst i za male postove

              Ova vrsta kontrole je minimizirana zbog nepostojanja gumba s brojevima stranica.

              Ovo je moderan i moderan izgled upravljanja stranicama. Zauzima vrlo malo prostora, ali je vrlo funkcionalan.

              Ovo nije standardna vrsta paginacije. Uz to je moguće procijeniti postotak pročitanih stranica.

              Kontrolne elemente nije potrebno registrirati u dodatku. Možete ručno dodati bilo koju kontrolu na bilo koju lokaciju koda, ali je potrebno navesti jedinstveni naziv bloka paginacije u atributu data-href i identifikator prijelaza. Kao kontrolni gumb možete koristiti bilo koji html element: a, button, span, div, img i druge.

              Ovaj skup kontrola kombinira klasični izgled i blok za bystoro prijelaz na određenu stranicu.

              VRSTA SADRŽAJA

              Ako koristite dodatak za blokiranje koji sadrži samo tekstualne čvorove, tekst će biti podijeljen na dijelove točkama ako se nalaze u tekstu. Ako tekst nije u točkama, za odvajanje teksta potrebno je navesti znak u parametru "splitSymbols", kao što je razmak, slovo ili dr.

              Ako koristite dodatak za blokiranje koji sadrži oznake paragrafa ili druge html oznake s tekstom, tekst će biti podijeljen u dijelove ovim html oznakama.

              Dodatak jednako dobro dijeli na stranici kao oznake za oblikovanje teksta i slikovne oznake. Pratite ponašanje visine slike koristeći CSS stilove

              popis je podijeljen kao i druge oznake. Najvažnije je da je popis elemenata dijete inicijalizacijskog elementa

              JOŠ DEMOS

              Na jednoj stranici može biti nekoliko blokova s ​​navigacijom stranice. I svaki od ovih blokova može imati vaše postavke

              Ovaj parametar određuje broj stranice koja će se prikazati nakon prve stranice za preuzimanje