WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

pageAnimate Web-Page Slider

— Add-On kwa WorldWideScripts.net

Kujiunga na kulisha wetu kukaa hadi tarehe!

Mpya! Kufuata yetu kama unataka!


pageAnimate Web-Page Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting



Hii Plugin jQuery ni kamili ukurasa slider kwa punde kati ya kurasa za mtandao. Kwa mfano, unaweza kuwa na nyumba yako ukurasa kwenye moja slide, ukurasa undani juu ya mwingine, na kadhalika. Ni msikivu na kazi katika browsers yote makubwa, ikiwa ni pamoja na Internet Explorer 6 ( : o ) Na browsers simu.

Kama jina la kupendekeza, unaweza kuweka chochote ndani ya slide (wengine jQuery maudhui, video, na kile-si), na slide kila itakuwa kitabu kutazama kufurika tu kama ukurasa wowote wa kawaida. Hakuna kitu Najua ya kwamba itakuwa mapumziko slider, na unaweza kuongeza kiasi usio wa slides. Hii ni nini hasa haja kwa spice up tovuti yako!

Ingawa hii ni iliyoundwa kwa ajili yaliyomo dirisha kamili, unaweza kwa urahisi tu kama kutumia hii kama jadi jQuery maudhui slider. Kwa kweli, pageAnimate pengine ni bora kuliko sliders wengine kwani kazi uzuri katika Internet Explorer 6!

Kumbuka: Kama kuona CodeCanyon hakikisho katika browser ya simu, utoaji CodeCanyon ya haitafanya kazi wakati wote. Unahitaji kutembelea http://creativewebsites.me/pageAnimate/preview kwa kuona katika hatua.

Toleo 1.1 UPDATE

Toleo 1.1 kuja na mpya makala mbili: uwezo wa kutoa kila slide URL kipekee (pamoja na matumizi ya hash) na auto kuendeleza kazi ili slider mizunguko moja kwa moja kupitia slides yote daima. Wote hauwezi kuwezeshwa kwa wakati mmoja (Siwezi kufikiria mtu yeyote kwamba wanataka kuwa anyway).

Kama una toleo la awali imewekwa na update kwa hili toleo, kuhakikisha kuwa wewe Hardcode 'data-slide = "0"' sifa katika div kwamba ana darasa la.pageAnimate. Kama hivyo:

 <div class = "pageAnimate" data-slide = "0"> </ div> 

Pia, unahitaji kuongeza darasa zifuatazo kwa slide zote kuchochea:.pageAnimate_trigger

Nini kama JavaScript ni walemavu?

Plugin hii anaendesha hasa juu JavaScript - lakini kile kama JavaScript ni walemavu? Ni slider haina maana (na hiyo ina maana watu wanaweza tu kuona ukurasa wako!). Hakuna, kwa kweli si. Unaweza kuongeza fallback 'href' kiungo kwa kuchochea kwamba kwenda slide. Hivyo wakati JavaScript ni walemavu, trigger hii si kwenda kwa slide katika pageAnimate, lakini tu kuendelea katika njia ya kawaida kwenye ukurasa mwingine (ambayo inaelezwa katika 'href').

Je, pageAnimate slider kuvuta maudhui na wengine Mtandao kuhusiana?

Hakuna, Plugin yenyewe haina kuvuta bidhaa kutoka mwingine mtandao kurasa. Ingawa unaweza kufanya hivyo kwa mistari michache tu ya Ajax au kanuni PHP, Muswada yenyewe hana kwamba utendaji na maudhui ya kila slide ya / ukurasa wa lazima aliongeza manually. Kuvuta bidhaa kutoka mtandao server yako na Ajax, tu kutumia kanuni hii:
 <aina Muswada = "text / javascript"> $ ("#slide_id_or_class").load ("http://www.yourserver.com/yourpage.html"); </ Muswada> 
(Kama mabadiliko #slide_id_or_class "kwa CSS id au tabaka la pageAnimate slide kwamba unataka kuongeza)

Hivyo ni jinsi gani mimi kufanya Slider kwenda Slide?

Ni inaweza kuwa rahisi - tu kuongeza kificho huu:
 <a class="pageAnimate_trigger pageAnimate_trigger1"> Nakala hii itakwenda kwa slide 2 </a> 
Taarifa idadi aliongeza kwa mwisho wa jina darasani? Kuwa idadi ndogo amefafanua nini slide itakuwa animated kwa. Lakini kwa kuwa kila kitu katika JavaScript ni sifuri makao (kuzaa na mimi hapa), tunahitaji bala 1 mbali idadi slide. Hivyo kwa mfano, kama tunataka slider kwenda slide # 4 wakati maandishi ni clicked, tunataka kuongeza darasa hili: "pageAnimate_trigger 3". Kama tunataka slider kwenda slide # 6, tunataka kuongeza darasa hili: "pageAnimate_trigger 5". Kama ilivyoelezwa hapo juu, unaweza kuongeza kiungo kwa tag nanga, ambayo inaweza tu kufuatwa wakati JavaScript ni walemavu. Hivyo kwamba maana wageni bado kuwa na uwezo wa kuona ukurasa cloned mahali pengine kwenye tovuti yako kama wana JavaScript walemavu.

Je nina Manually kuongeza kiungo kwa Kila Slide?

Si wakati wote - Muswada anafanya kazi yote kwa ajili yenu.

Je, mimi kufanya hili katika maudhui ya kawaida Slider na si Mtandao wa Kwanza Slider?

Rahisi - wote kufanya ni kubadili line moja katika 'mazingira' ya jQuery script. Unahitaji kuwa na div (au tag mwingine sawa) kama chombo kwa pageAnimate slider. Tu kufafanua kwamba div katika script.

Je, kuna matatizo yoyote au mende?

  1. Wakati dirisha browser ni zoomed ndani au nje katika IE 8, slides si moja kwa moja resize kwa kuwa full-screen. Nimekuwa walijaribu kwa miaka ya kupata ufumbuzi, lakini hawawezi. Hata hivyo, DO resize wakati dirisha halisi ni kuvutana ndogo au kubwa. Hii ni ya kipekee kwa IE 8. Hii haipaswi kuwa mpango kubwa tangu hakutakuwa na watu wengi mno zooming ndani na nje ya IE8.
  2. Wakati wa kutumia jQuery 1.8.1, Firefox freezes wakati kuchochea wengi ni clicked katika mfululizo haraka. Kazi nzuri na jQuery 1.7.2.
  3. Urambazaji slider ya kabisa umekwisha wakati kuvuta juu ya smartphone. Hii inaweza kudumu kwa kuongeza kificho huu kwa <kichwa> sehemu ya HTML yako hati:
     <meta name = "kutazama" content = "width = kifaa upana; awali wadogo = 1; upeo wadogo = 1"> 
  4. Slider uhuishaji inaweza kuwa jumpy kidogo juu ya smartphones zamani - ingawa si mbaya sana.

Download
Vipengele vingine katika jamii hiiKila sehemu ya mwandishi huyu
MaoniMara kwa mara kuulizwa maswali na majibu

Mali

Kuundwa:
13 Novemba 12

Badiliko:
Mei 18 13

High Azimio:
Ndiyo

Sambamba Browsers:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Files Pamoja:
JS JavaScript, HTML, CSS

Programu Version:
jQuery

Keywords

eCommerce, eCommerce, Vitu zote, css, html, javascript, jQuery, jQuery slider, ukurasa slider, pageAnimate, pagination, kifalme slider, slider