Programu-jalizi iliyofanikiwa zaidi ya jukwa la jQuery. TouchCarousel - kitelezi cha jukwa zima

Iwapo ungependa kuonyesha maoni ya wateja, machapisho ya hivi punde zaidi ya blogu, picha kuu, au kuonyesha washiriki wa timu yako, kuna programu-jalizi fulani za kitelezi na jukwa kwa ajili hiyo.

Lakini kabla hatujafunua programu-jalizi 8 moto zaidi kwenye soko la Envato mwaka huu, inaweza kufaa kufafanua tofauti (au ukosefu wake) kati ya kitelezi na programu-jalizi ya jukwa. Wengine wanasema kuna tofauti ndogo kati ya hizo mbili, kwani zote mbili hutekeleza utendakazi sawa: onyesha picha nyingi katika umbizo la onyesho la slaidi, ikitoa baadhi ya vidhibiti kama vile vishale vilivyotangulia/vifuatavyo, vijipicha, na wakati mwingine athari za mpito kati ya slaidi.

Wengine wanasisitiza kwamba tofauti muhimu kati ya hizo mbili ni kwamba kitelezi huteleza kwa usawa au kwa wima, wakati jukwa linazungusha picha kwenye mhimili, na picha inatazama kila wakati. Wakati mjadala unaendelea, tutaangalia chaguo zote mbili kwa kubadilishana na kukagua programu-jalizi 8 bora za kitelezi na jukwa la 2018 kwenye CodeCanyon.

1. Foxy - Bidhaa ya WooCommerce Image Gallery Slider Carousel

Programu-jalizi ni rahisi kutumia, kusanidi haraka na matokeo yake yanaonekana vizuri - kitelezi bora cha kuonyesha bidhaa za WooCommerce.


Vipengele ni pamoja na:

  • zaidi ya chaguzi 150 tofauti
  • kikamilifu adaptive
  • hali ya kuchungulia
  • 8 violezo
  • na kazi zingine.
2. WP Slick Slider na Image Carousel Pro

Watumiaji wa Visual Composer watataka kuzingatia kwa uzito programu-jalizi ya WP Slick Slider. Ukiwa na takriban miundo 100 iliyofafanuliwa awali, utapata kila kitu unachotaka bila kusimba.


Vipengele ni pamoja na:

  • mwitikio na kusogeza
  • buruta panya na kitanzi kisicho na mwisho
  • nguvu shortcode kizazi chombo.

Baadhi ya mitindo ya kubuni ni pamoja na:

  • upana wa kutofautiana
  • modi ya kuweka katikati.
3. Master Slider - Touch Layer Slider WordPress Plugin

Haishangazi kwa nini Master Slider ni kipendwa cha kudumu kwenye CodeCanyon. Kitelezi cha kuitikia cha mguso hutoa zaidi ya violezo 70 ambavyo vinaweza kubinafsishwa sana na ni rahisi kutumia.

Kipengele muhimu katika programu-jalizi hii ni uwezo wa kupachika maandishi, viungo, picha au video zilizoumbizwa na HTML moja kwa moja kwenye kila slaidi, na kisha kuhuisha kila safu kivyake.

Vipengele vingine vyema:

  • mbuni wa kuburuta na kuangusha
  • onyesha kwa urahisi nyumba ya sanaa ya picha kama kitelezi
  • uwezo wa kupakia na kuonyesha matunzio kutoka kwa huduma kama vile Flickr na WooCommerce
  • na hata sifa zaidi.
4. Slider Pro - Msikivu WordPress Slider Plugin

Slider Pro hutoa kiolesura safi na angavu cha mtumiaji katika eneo la utawala na urambazaji laini kwa watumiaji wa mwisho.

Kipengele cha kuvutia ni kipengele cha kuunganisha kwa kina, ambapo kila mabadiliko ya slaidi yatasasisha URL katika upau wa kusogeza wa kivinjari kwa URL inayolingana.

Vipengele vingine vyema:

  • usanidi rahisi
  • uhuishaji laini
  • mipangilio kadhaa
  • na wengine.
  • 5. RoyalSlider - Touch Content Slider kwa WordPress

    Kitelezi kilichopakuliwa zaidi katika CodeCanyon, Royal Slider kwa WordPress kimejaa vipengele visivyoweza pingamizi. Inatumiwa na majina makubwa kama Coca Cola na Land Rover, programu-jalizi hii hufanya kila kitu unachoweza kutaka kutoka kwa kitelezi.

    Kipengele cha kuvutia zaidi ni kipengele cha skrini nzima chenye usaidizi wa HTML5 wa skrini nzima. Inafaa kwa kuonyesha upigaji picha wa ubora wa juu.

    Vipengele vingine vyema:

    • inaruhusiwa kutumia sliders kadhaa kwenye ukurasa, hata kwa ngozi tofauti
    • msaada wa urambazaji wa skrini ya kugusa
    • muundo unaobadilika
    • vijipicha vya wima au mlalo, vialama au vichupo vya urambazaji
    • na kazi zingine.
    6. Nembo Showcase - Multi-Matumizi Msikivu WP Plugin

    Programu-jalizi ya Maonyesho ya Nembo imeundwa mahususi kwa watumiaji wanaotaka kuunda gridi ya picha kwa kutumia viungo vya nje au vya ndani au wanaohitaji kuonyesha orodha ya nembo za mteja au wafadhili.

    Kipengele bora zaidi katika Onyesho la Nembo ni uwezo wa kuonyesha nembo katika rangi nyeusi na nyeupe, na chaguo la kuzionyesha katika rangi asili kwa kuelea ikiwa inataka.

    Vipengele vingine:

    • chagua kutoka kwa njia tatu tofauti za kuonyesha picha
    • Kasi ya mpito na udhibiti wa kusogeza kiotomatiki umewashwa
    • dhibiti ukubwa wa nembo chaguomsingi
    • uwezo wa kuweka URL kwa kila nembo, ambayo inaweza kufunguka kwenye ukurasa huo huo au kwenye mpya
    • na hata zaidi.
    7. Pande Zote - Kitelezi/Carousel ya Maudhui ya Msikivu, Ubunifu na Programu-jalizi ya Kutelezesha ya Kufurahisha

    Pande zote, kama jina linavyopendekeza, ni kitelezi chenye mviringo mzuri. Inakupa muundo safi, unaojibu, anuwai ya chaguzi za mitindo zilizobainishwa awali, na usaidizi wa ishara za kubadilishana kwa skrini za kugusa.

    Inaauni hata video!


    Vipengele vya programu-jalizi:

    • kikamilifu adaptive
    • Mitindo 6 iliyotengenezwa tayari
    • inasaidia video
    • wima au usawa
    • inasaidia slaidi nyingi kwenye ukurasa mmoja
    • hali ya kucheza kiotomatiki
    • na wengine.
    8. Ultra Portfolio - WordPress

    Ultra Portfolio itawavutia watumiaji ambao wangependa kuunda jalada ambalo vipengele vya slaidi vimewashwa. Inatoa idadi kubwa ya chaguzi za mpangilio na hutoa kweli kubadilika na utendakazi.

    Kipengele cha kuvutia zaidi cha slider hii ni uwezo wa kudhibiti athari za uhuishaji na kasi yao.

    Vipengele vingine vyema:

    • mipangilio isiyo na kikomo
    • Ushirikiano wa WooCommerce
    • Ujumuishaji wa herufi za Google
    • uwezo wa kudhibiti idadi ya safu wima kwa maazimio tofauti ya skrini na upana wake. (Safu wima 2, 3, 4, 5 au 6)
    • na kazi zingine.

    Habari, marafiki!

    Hivi karibuni, nimefikiwa mara kadhaa na swali la ni programu-jalizi gani inakuwezesha kuunda mzunguko wa picha kwenye tovuti (kwa WordPress).

    Situmii rotator mwenyewe, lakini watu wanahitaji msaada. Vinginevyo, kwa nini nilitengeneza tovuti hii basi?

    Kwa kifupi, nilifanya uchambuzi mdogo wa programu-jalizi anuwai na nikapata kile nilichohitaji.

    Hii ni programu-jalizi ya WordPress - "Merry Carousel".

    Sio tu kupindua kwa uzuri kupitia picha kwenye tovuti yako, lakini pia inatoa maelezo mafupi ya makala ambayo picha ni ya, na ukibofya kwenye picha, utaenda kwenye makala yenyewe.

    Unaweza kuona mfano wa jinsi programu-jalizi inavyofanya kazi.

    Ni vizuri sana.

    Sasa hebu tujue wapi kuipata na jinsi ya kusakinisha na kuisanidi.

    1. Sakinisha programu-jalizi.

    Programu-jalizi imesakinishwa kama kawaida kwa kuhamisha folda iliyo na faili hadi kwenye programu-jalizi/ folda ya tovuti yako. Unaweza kusoma zaidi kuhusu jinsi ya kusakinisha programu jalizi kwenye injini ya WordPress.

    2. Usanidi wa programu-jalizi.

    Kwa hiyo, tulipakua na kusakinisha programu-jalizi kwenye tovuti yetu. Na usisahau kuiwasha !!!

    Sasa nenda kwenye jopo la admin la tovuti yetu. Chini kabisa ya upau wa zana kuu, kipengee cha "RC Plugins" kilionekana (pia kuna icon ya kuchekesha ya hamburger). Huko ndiko tunakokwenda.

    Tunafika kwenye paneli ya mipangilio ya programu-jalizi.

    Na sasa, kwa utaratibu.

    Sehemu ya kwanza: "Tafuta picha kwenye folda." Ina njia ya folda ambayo picha zitahifadhiwa. Kwa chaguo-msingi, inatupa jina la folda, lakini mara moja inaandika kwamba haipo. Tunahitaji kuunda.

    Nadhani kila mtu tayari anajua jinsi ya kutumia programu ya FileZilla. Tunaenda kwenye tovuti na kuunda folda katika eneo lililotajwa kwenye uwanja wa mipangilio ya programu-jalizi.

    Sehemu inayofuata ni saizi ya picha. Weka saizi ya picha katika saizi. Sasa inakuja jambo muhimu.

    Ikiwa unataka picha zako ziwe nzuri (sio kunyoosha au kupungua), basi utahitaji kuunda picha kwa mzunguko wa ukubwa halisi ulioelezea hapa.

    Mpangilio unaofuata ni jina la picha. Kuna chaguzi kadhaa za kutaja picha ili imefungwa kwa chapisho maalum.

    Mpangilio unaofuata ni “Ongeza kwa . Hapa unaweza kuongeza styling kwa rotator. Ili usichimbe faili za mtindo. Unaweza kuingiza mitindo yote moja kwa moja kwenye uwanja huu.

    Vizuri, mipangilio ya mwisho ni mipangilio ya kuonyesha. Hapo tunaonyesha ni picha gani za kutumia kwenye rota na ni ngapi kati yao za kutumia. Hakuna chochote ngumu hapo - unaweza kuigundua mwenyewe.

    Baada ya kubadilisha mipangilio, usisahau kuwaokoa.

    3. Kuingiza msimbo wa rotator kwenye tovuti.

    Baada ya kusakinisha programu-jalizi na kuisanidi, tunachopaswa kufanya ni kuwaambia injini ni wapi hasa pa kuonyesha kizunguzungu.

    Ili kufanya hivyo, ingiza nambari ifuatayo mahali pazuri katika nambari ya tovuti yetu:

    Ni hayo tu. Sasa una rotator maridadi kwenye tovuti yako.

    Pengine umekutana na kila aina ya nembo za chapa mbalimbali kwenye tovuti zinazouza huduma au bidhaa zao?

    Ikiwa umewahi kujiuliza wapi wanatoka na ungependa kuongeza kazi sawa kwenye tovuti yako, basi katika makala hii utapata taarifa kuhusu jinsi hii inaweza kufanyika.

    Kitu pekee unachohitaji ni programu-jalizi ambayo itakusaidia kuonyesha nembo tofauti kwenye kitelezi au kwa njia nyingine. Tunakupa muhtasari wa bora zaidi ya programu-jalizi hizi za WordPress.

    Kuna matoleo ya kulipwa na ya bure ya programu-jalizi. Zote hutoa sifa zinazofanana, ingawa kuna tofauti kidogo kati yao. Unaweza kuchagua chaguo sahihi kwako mwenyewe. Zaidi ya hayo, programu-jalizi zingine zina toleo la onyesho ambalo unaweza kutumia pia.

    Je! programu-jalizi hizi zinatumika kwa nini?

    Programu-jalizi hizi hutumika tu kuonyesha katika mfumo shirikishi kwenye tovuti yako nembo za tovuti nyingine, makampuni na makampuni ambayo yanaweza kuwa wateja wako au watoa huduma. Hazina vitendaji vingine vyovyote.

    Baadhi ya programu-jalizi hutoa utendaji wa ziada kwa watumiaji.

    Bora WordPress Plugins Kuonyesha Nembo 1. Nembo WordPress Plugin na CodeCanyon

    Hii ni programu-jalizi ya kwanza kutoka kwa duka la CodeCanyon. Ni mojawapo ya programu-jalizi zinazouzwa vyema na mauzo zaidi ya 2000 yaliyosajiliwa. Nembo ina jenereta ya shortcode na mhariri wa kuona. Zana hizi zote mbili zinaweza kumsaidia mtumiaji katika kubuni njia maridadi, nzuri na inayofanya kazi ili kuonyesha nembo.

    Utaweza kuweka kategoria za nembo na vitu vingine vya picha ambavyo vitaonyeshwa kwenye simu mahiri yoyote, kompyuta ya mkononi au simu ya mkononi kwa sababu programu-jalizi hutumia kiolesura cha kuitikia. Kuna njia mbalimbali za kuonyesha na mtindo nembo. Nembo pia hutoa wijeti ambazo hurahisisha kazi yako.

    Programu-jalizi hii inaweza kununuliwa kwa $14 pekee, toleo hili linaweza kutumika kwa bidhaa moja au mteja mmoja. Programu-jalizi ina chaguzi zinazokuruhusu kuchagua jukwa, kigae au orodha kama njia ya kuonyesha. Haina matatizo wakati wa kufanya kazi na maonyesho ya juu-azimio.

    2. Placid Slider

    Programu-jalizi ina CSS inayoweza kubinafsishwa kikamilifu, kitelezi wima na mlalo, muundo sikivu, kitelezi cha picha inayoweza kugeuzwa, kitelezi cha chapisho au ukurasa kilichoangaziwa, utangamano wa SliderVilla na mengi zaidi. Kipengele cha backlight kinajumuishwa katika orodha ya vipengele vya toleo la premium, ambalo litakupa $ 8 tu kwa tovuti moja na $ 25 kwa kadhaa.

    Programu-jalizi inaoana na kivinjari (hata Safari na Chrome mpya zaidi) na matoleo mapya zaidi ya WordPress (4.0 na matoleo mapya zaidi). Ina nyaraka zote muhimu na mafunzo. Kuna vikao vingi maalum kwenye mtandao ambavyo vitakusaidia kupata jibu la swali lako.

    3. Kiwi Logo Carousel

    Hii ndio programu-jalizi maarufu ya bure inayopatikana kwenye hazina ya WordPress. Itakusaidia kuongeza jukwa lenye nembo tofauti moja kwa moja kwenye blogu au tovuti yako. Aidha, inaweza kuwekwa mahali popote kwenye tovuti.

    Programu-jalizi ina vipengele vya ziada: kiolesura cha msikivu, uwezo wa kuweka mfuatano wako wa kuonyesha nembo kwa kutumia zana ya kuburuta na kudondosha, usaidizi wa jukwa zaidi ya moja, athari ya picha nyeusi na nyeupe na mipangilio mingine mingi tofauti.

    4. Rangi Slider

    Programu-jalizi inayofuata ya bure ni maarufu sana na ndogo sana kwa saizi. Ikiwa unahitaji tu chaguo la kompakt, basi programu-jalizi hii ni kwa ajili yako. Kama zile zilizotangulia, ina kiolesura cha msikivu kikamilifu, pamoja na kipakiaji cha picha rahisi, ugeuzaji kukufaa kwa urahisi wa picha za nembo, zana ya kuburuta na kudondosha ili kubadilisha mpangilio wa picha kwenye kitelezi, na mkusanyiko wa aikoni za vishale.

    5. Best Logo Slider

    Hii ndiyo programu-jalizi pekee ambayo ina toleo la bure na la malipo linalopatikana. Toleo la msingi linajumuisha vipengele kama vile uwezo wa kutumia aina maalum za machapisho, kiolesura cha kuitikia, urahisi wa kutumia na urahisi wa kubinafsisha, kufanya kazi na OWL-Carousel, kuongeza kiungo cha nje cha nembo na uwezo wa kuonyesha kichwa chini ya nembo.

    Toleo la premium hukuruhusu kuongeza mipangilio anuwai ya kitelezi, kihariri cha kuona, paneli ya ziada kwa ubinafsishaji rahisi na mpana na kidhibiti cha saizi ya picha, na pia ina mipangilio ya mwitikio.

    6. Nembo Showcase programu-jalizi

    Kuna programu-jalizi moja zaidi inayostahili kutajwa. Hii ni programu-jalizi ya Maonyesho ya Nembo (toleo la malipo), ambayo inajumuisha karibu kazi zote zilizoorodheshwa kwenye programu-jalizi zilizoelezwa hapa na ni kubwa sana kwa ukubwa. Ikiwa hakuna programu-jalizi zilizowasilishwa hapo juu zinazokufaa, unaweza kujaribu hii.

    Hitimisho

    Programu-jalizi zozote zilizoelezewa hapa haziwezi kuwa na kazi fulani, lakini sasa angalau una wazo la jumla juu yao. Labda nakala hii ilikusaidia kuchagua programu-jalizi inayofaa kwako mwenyewe. Tafadhali shiriki uzoefu wako katika maoni.

    Habari!

    Tunaendelea kuchambua programu-jalizi zinazovutia na muhimu zaidi za tovuti ya WordPress! Leo utajifunza jinsi ya kuongeza kitelezi maridadi cha jukwa la machapisho, bidhaa, video na picha kwenye tovuti yako. Unaweza kubinafsisha mwonekano wa kitelezi. Unaweza kuchagua kile kinachopaswa kuonyeshwa kwenye jukwa, machapisho, bidhaa, picha au video. Unaweza kubinafsisha onyesho la jukwa la vifaa vya rununu. Unaweza kuwezesha urambazaji, chagua saizi ya picha, taja idadi ya safu kwenye jukwa, nk. Kila kitu ni rahisi sana na haraka! Angalia zaidi! Kwa bidhaa za Woocommerce unaweza kubinafsisha onyesho la bei, ukadiriaji, kichwa, kitufe"Ongeza kwa Kikapu"

    , punguzo. Unaweza kuongeza kitufe ili kuona bidhaa kwa haraka kwenye dirisha la kisanduku chepesi. Unaweza kuongeza bidhaa kutoka kwa kategoria, lebo, au kuchagua bidhaa mahususi.

    Unaweza kusakinisha programu-jalizi ya Carousel Slider moja kwa moja kutoka kwa paneli ya msimamizi ya WordPress. Nenda kwa ukurasa: Programu-jalizi - Ongeza mpya, ingiza jina la programu-jalizi katika fomu ya utafutaji, bonyeza Enter, sakinisha na uamilishe programu-jalizi.

    Ifuatayo, baada ya kusanikisha na kuwezesha programu-jalizi, nenda kwenye ukurasa: Carousel Slider - Slaidi zote. Majukwaa yote yaliyoundwa yataonyeshwa hapa. Ili kuunda jukwa jipya, bofya kwenye kitufe kilicho juu - Ongeza Mpya.

    Ifuatayo, kwenye ukurasa wa uundaji wa jukwa, karibu na parameta "Aina ya slaidi", unahitaji kuchagua kile kitakachoonyeshwa kwenye jukwa, machapisho, bidhaa, video au picha. Nitakuonyesha jinsi ya kusanidi jukwa la bidhaa za Woocommerce.

    Aina ya Hoji, hapa unahitaji kuchagua mahali ambapo bidhaa zitaonyeshwa kutoka, kutoka kwa kategoria, lebo, au uchague bidhaa mahususi wewe mwenyewe.

    - Bidhaa kwa kila ukurasa, taja ni bidhaa ngapi zinapaswa kuonyeshwa kwenye jukwa.

    - Onyesha Kichwa, onyesha kichwa cha bidhaa.

    - Onyesha Bei, onyesha bei ya bidhaa.

    - Onyesha Kitufe cha Cart, onyesha kitufe Kwa bidhaa za Woocommerce unaweza kubinafsisha onyesho la bei, ukadiriaji, kichwa, kitufe.

    - Onyesha Lebo ya Uuzaji, onyesha punguzo la bidhaa.

    - Onyesha Kitufe cha Orodha ya Matamanio, onyesha kitufe "Ongeza kwa vipendwa" ikiwa una programu-jalizi iliyosakinishwa.

    - Onyesha Mwonekano wa Haraka, kitufe cha kuonyesha "Mtazamo wa haraka".

    - Rangi ya Kichwa, chagua rangi ya kichwa cha bidhaa.

    - Rangi ya Asili ya Kitufe, rangi ya mandharinyuma ya kitufe.

    - Rangi ya maandishi ya Kitufe, rangi ya maandishi kwenye kitufe.

    - Saizi ya Picha ya Carousel, unaweza kuchagua saizi ya picha.

    - Picha ya uvivu ya kupakia, unaweza kuwezesha kazi ya kupakia picha hatua kwa hatua.

    – Slaidi By, kwa chaguo-msingi katika jukwa kitelezi huhamishwa na bidhaa moja.

    - Pambizo la Kulia(px) kwenye kipengee, saizi ya mipaka ya jukwa kwa saizi.

    - Kitanzi cha Infnity, unaweza kunakili vipengele vya mwisho na vya kwanza ili kupata udanganyifu wa kitanzi.

    - Urambazaji, wezesha urambazaji.

    – Dots, wezesha onyesho la nukta kwenye jukwa zinazoonyesha idadi ya bidhaa.

    - Urambazaji & Rangi ya Dots, rangi ya risasi (dots).

    - Urambazaji & Rangi ya Dots: Hover & Active, rangi ya risasi zinazotumika na wakati wa kuelea.

    - Cheza kiotomatiki, wezesha uchezaji otomatiki wa jukwa.

    - Muda wa Kuisha kwa Kiotomatiki, chelewesha kabla ya kucheza kiotomatiki.

    - Kasi ya kucheza kiotomatiki, kasi ya kucheza kiotomatiki.

    - Cheza kiotomatiki Hover Pause, wezesha pause wakati unaelea.

    - Safu, idadi ya safu kwenye jukwa.

    - Safu: Eneo-kazi, idadi ya safu wima kwenye kompyuta.

    - Safu: Eneo-kazi Ndogo, idadi ya safu wima kwenye kompyuta ndogo.

    - Safu: Kompyuta Kibao, idadi ya safu wima kwenye kompyuta kibao.

    - Safu: Kompyuta Kibao Ndogo, idadi ya safu wima kwenye kompyuta ndogo.

    - Safu: Rununu, idadi ya safu wima kwenye vifaa vya rununu.

    Ingiza jina la jukwa hapo juu na ubonyeze kitufe- Kuchapisha.

    Siku moja marafiki zangu waliamua kunipa mshangao mzuri. Mshangao wenyewe ulikuwa rahisi sana; ilihitaji shati la kawaida sana bila miundo yoyote.

    Na kisha waliingia kwenye shida - T-shirt zote kwenye duka zilikuwa na picha. Hawakuweza kupata T-shati rahisi bila picha yoyote. Nadhani umekutana na shida kama hiyo wakati huwezi kupata jambo rahisi zaidi.

    Na ni hadithi sawa na carousels; karibu jukwa zote tayari zina muundo. Na karibu kila wakati unahitaji jukwa safi, ambalo unaweza kuunda kama mbuni alivyokusudia.

    Kwa hiyo, ili kufurahia mara moja kufanya kazi na carousels, na kuwafanya haraka, napendekeza utumie programu-jalizi ifuatayo.

    jQuery programu-jalizi kwa jukwa safi na lenye nguvu

    Jambo la kupendeza kuhusu programu-jalizi hii ni kwamba haina muundo na ni rahisi kufanya kazi nayo kuliko programu-jalizi zingine nzuri.

    Inaweza kupambwa kwa njia yoyote unayopenda.

    Na kwa hivyo, hapa kuna programu-jalizi hii: Owl Carousel.

    Inasakinisha programu-jalizi

    1. Unganisha jQuery ikiwa haijaunganishwa tayari, kwa mfano kama hii

    2. Nakili faili za programu-jalizi kwenye folda ya tovuti

    • Kufungua
    • Nakili folda ya bundi-jukwa kwenye tovuti

    3. Unganisha faili hizi kwenye tovuti:

    4. Ongeza msimbo kwenye ukurasa

    1 2 3 4 5 6 7 8 9 10 11 12 13 14

    5. Zindua programu-jalizi

    $(document).tayari(kazi())( // Tafuta jukwa var carousel = $("#carousel");// Zindua jukwa la programu-jalizi carousel.owlCarousel(); ));

    6. Tunapanga

    ... ; panga maandishi: katikati ya ukubwa wa fonti: 300% ya mpaka-kulia: 1px imara #777;

    Vifungo vya Nyuma na Mbele

    Katika mfano huu, sitaonyesha njia ya haraka zaidi, lakini ya ulimwengu wote.

    1. Ongeza vifungo wenyewe

    Rudi mbele

    2. Kuambatisha vifungo kwenye programu-jalizi ya jukwa

    Baada ya kuzindua programu-jalizi, ongeza msimbo

    // Nyuma // Unapobofya "Nyuma" $("#js-prev").bofya(kazi () ( // Anza kurejesha nyuma carousel.trigger("owl.prev"); rudisha sivyo; )); // Sambaza // Unapobofya "Sambaza" $("#js-next").click(function () ( // Anza kurejesha nyuma hadi kwenye carousel.trigger("owl.next"); rudisha sivyo; ) );

    Sasa, unapobofya "Nyuma" na "Mbele", kurejesha nyuma kutaanzishwa.

    Alama

    Hizi ndizo pointi zinazoonyesha tulipo sasa.

    Wanaweza kuwezeshwa wakati wa kuendesha programu-jalizi kwa kuongeza kigezo kifuatacho

    // Zindua programu-jalizi ya jukwa carousel.owlCarousel(( // Pointi chini ya pagination ya jukwa: kweli ));

    /* Zuia kwa vitone */ .owl-pagination ( panga maandishi: katikati; /* Pangilia vitone katikati */ ) /* Pointi 1 */ .owl-page ( upana: 10px; urefu: 10px; mpaka: 1px imara #777; mandharinyuma: nyeupe-radius: 5px) /* Sehemu inayotumika */ .owl-page.active ( usuli: #777; )

    Ili kuonyesha block 1 tu

    Hii inahitajika mara nyingi, kwa hili tunaongeza parameter ifuatayo

    // Zindua programu-jalizi ya jukwa carousel.owlCarousel(( singleItem: true, // Onyesha block 1 pekee kwa upana kamili ));

    Idadi tofauti ya vitalu kwenye vifaa tofauti

    Kipengele muhimu sana ambacho hukuruhusu kuunda jukwa linalofaa kwa vifaa vya rununu.

    // Zindua jukwa la programu-jalizi ya jukwa.owlCarousel(( // Idadi ya vizuizi vilivyoonyeshwa // kulingana na kifaa (upana wa skrini) // Idadi ya vizuizi kwenye vipengee vya skrini kubwa: 10, // vitalu 5 kwenye kompyuta (skrini kutoka 1400px hadi 901px) vituDesktop : , // vizuizi 3 kwenye kompyuta ndogo (skrini kutoka 900px hadi 601px) vituDesktopSmall: , // Vipengee 2 kwenye kompyuta ndogo (skrini kutoka saizi 600 hadi 480) VipengeeUbao: , // Mipangilio ya simu imezimwa, katika kesi hii wao itatumika // vitu vya mipangilio ya kibaoMobile: uongo ));

    Ni mshangao gani huo?

    Marafiki huja kwenye sherehe yangu ya kuzaliwa, wanatabasamu kwa furaha, furaha inafurika. Wananiletea zawadi kwa dhati.

    Ninaifungua na kuangalia T-shirt. Ninaifungua. Damn, ujinga gani. Ninaona picha 3 zangu kwenye fulana hii. Ninavaa shati la T na kila mtu anaanza kucheka, ikawa ya kijinga na ya kuchekesha.