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 al WorldWideScripts.net

Abonu al nia feed resti ĝisdata!

Nova! Sekvu nin kiel vi deziras gxin!


pageAnimate Web-Page Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting



Ĉi jQuery kromaĵo estas plena paĝo slider por navigi inter retpaĝoj. Ekzemple, vi povus havi viajn ĉefpaĝon sur unu glito, kontakto paĝo ĉe alia, kaj tiel plu. Ĝi estas respondema kaj funkcias en ĉiuj ĉefaj retumiloj, inkludante Internet Explorer 6 ( : o ) Kaj navegadores móviles.

Kiel la nomo sugestas, ĝi povas meti ion interne slide (aliaj jQuery enhavo, videos, kaj kion-ne), kaj ĉiu diapozitivo rulumu por vidi troplenigxis same kiel ĉiu normala paĝo. Estas nenio mi scias de kiu rompos la slider, kaj vi povas aldoni malfinia kvanto de diapozitivoj. Tio estas precize kion vi bezonas por spico vian retejon!

Kvankam tiu estas desegnita por plena fenestro enhavon, vi povas same facile uzi tion kiel tradicia jQuery enhavo slider. Fakte, la pageAnimate estas probable pli bona ol aliaj Sliders ekde funkcias bele en Interreto Explorer 6!

Noto: Se vi vidas la CodeCanyon antaŭvido en movebla retumilo, CodeCanyon la bildigo ne sukcesus. Vi devas viziti http://creativewebsites.me/pageAnimate/preview vidi ĝin en ago.

Versio 1.1 UPDATE

Versio 1.1 venas kun du novaj karakterizaĵoj: la kapablo doni ĉiu diapozitivo unika URL (kun la uzo de hash) kaj aŭtomatan antaŭante funkcio tiel ke la slider aŭtomate ciklojn tra ĉiuj diapozitivoj senĉese. Ambaŭ ne povas esti ebligita samtempe (mi ne povas pensi pri iu, ke volus ke ĉiuokaze).

Se vi havas la antaŭa versio instalita kaj vi ĝisdatigi al ĉi tiu versio, certigu ke vi hardcode la 'datumoj-glito = "0"' atributo en la div kiu havas klason de.pageAnimate. Kiel tia:

 <div class = "pageAnimate" datumo-glito = "0"> </ div> 

Ankaŭ, vi bezonos aldoni la sekvan klaso al ĉiu la glito deĉenigas:.pageAnimate_trigger

Kio se Javaskripto estas malaktivigita?

Tiu modulo kuras ĉefe en JavaScript - sed kio se Javaskripto estas malaktivigita? Estas la slider senutila (kaj tio signifas homoj povas nur vidi via hejmpaĝo!). Ne, kompreneble ne. Vi povas aldoni Rezerva 'href' ligas al la ellasiloj kiuj iras al diapozitivo. Do kiam JavaScript estas malaktivigita, tio ellasilon ne iros al diapozitivo en la pageAnimate, sed simple procedi en la normala maniero al alia paĝo (kiun vi difinas en la 'href').

Ĉu la pageAnimate slider tiri Enhavo el aliaj TTT-paĝoj?

Ne, la kromaĵo mem ne tiri enhavo de aliaj ttt-paĝoj. Kvankam vi povus fari tion kun nur kelkaj linioj de Ajax aŭ PHP kodo, la skripto mem ne havas tiun funkcion kaj ĉiu diapozitivo estas / viran enhavo devas esti aldonita permane. Tiri enhavon de via ttt-servilo kun Ajax, nur uzu tiun kodon:
 <script type = "text / javascript"> $ ('#slide_id_or_class ").load (" http://www.yourserver.com/yourpage.html "); </ script> 
(Nur ŝanĝas #slide_id_or_class "al la CSS identigilo aŭ klaso de la pageAnimate glito ke vi volas aldoni)

Do kiel mi faru la Slider iri al Slide?

Ĝi ne povus esti pli simpla - simple aldonu ĉi tiun kodon:
 <a class="pageAnimate_trigger pageAnimate_trigger1"> Tiu teksto iros gliti 2 </a> 
Rimarku la nombro aldonita al la fino de la klaso nomo? Ke malabunda numero difinas kion glito estos animis. Sed ĉar ĉio en JavaScript estas nulo-bazita (toleru min tie), Ni devas minus 1 for la glito nombro. Do ekzemple, se ni volas la slider iri gliti # 4 kiam la teksto estas klakita, ni aldonus tiun klason: "pageAnimate_trigger 3". Se ni volas la slider iri gliti # 6, ni aldonus tiun klason: "pageAnimate_trigger 5". Kiel menciis pli supre, vi povas aldoni ligilon al la ankron etikedo, kiu nur povas esti sekvita kiam JavaScript estas malaktivigita. Do tio signifas vizitantoj ankoraŭ povos vidi klonita paĝon aliloke sur via retejo se ili JavaScript malfunkciigita.

Ĉu mi devas permane aldoni ligilon al Ĉiu Bildovico?

Tute ne - la skripto faras la tutan laboron por vi.

Kiel mi faras tion ĉi en normala Enhavo Slider kaj ne TTT-Paĝo Slider?

Facile - ĉiuj vi fari estas ŝanĝi unu linio en la 'difinoj' de la jQuery skripton. Vi bezonas havi div (aŭ alia simila etikedo) kiel ujo por la pageAnimate slider. Simple difini tiun div en la skripto.

Ĉu ekzistas Problemoj aŭ Cimoj?

  1. Kiam la retumilo fenestro zomis en aŭ for en IE 8, la diapozitivoj ne aŭtomate regrandigi fariĝi kompleta ekrano. Mi strebis por aĝoj trovi solvon, sed ne povas. Tamen, ili ja regrandigi kiam la reala fenestro estas trenita pli malgrandaj aŭ pli grandaj. Tio estas unika al IE 8. Tio ne devus esti granda interkonsento ĉar ekzistas ne estos tro da homoj zoom kaj elspiras en IE8.
  2. Kiam uzanta jQuery 1.8.1, Firefox frostas kiam multaj ekigiloj estas klakita en rapida sinsekvo. Funkcias bone kun jQuery 1.7.2.
  3. La slider la navigado tute rompiĝas kiam vi zomi sur smartphone. Tio povas esti fiksita per aldoni ĉi tiun kodon al la <head> sekcio de via HTML dokumento:
     <meta name = "Vidujo" enhavo = "width = aparato larĝa; komenca skalo = 1; maksimumo-skalo = 1"> 
  4. La slider la kuraĝigo povus esti iom jumpy sur malnova smartphones - kvankam ĝi estas ne tro malbona.

Elŝuti
Aliaj komponantoj en ĉi tiu kategorioĈiuj komponantoj de tiu aŭtoro
KomentojOftaj demandoj kaj respondoj

Propraĵoj

Kreita:
13 Novembro 12

Lasta Ĝisdatigo:
18 majo 13

Alta Rezolucio:
Jes

Kongrua Browsers:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opero, Chrome

Dosieroj Inkluditaj:
JavaScript JS, HTML, CSS

Programaro Versio:
jQuery

Ŝlosilvortoj

eCommerce, eCommerce, Ĉiuj Eroj, css, html, Javaskripto, jQuery, jQuery slider, paĝo slider, pageAnimate, paginació, n, reĝa slider, slider