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

— افزودنی به WorldWideScripts.net

اشتراک در خوراک ما به ماندن بگیرید تا به امروز!

جدید! ما را دنبال کنید که شما آن را می خواهم!


pageAnimate Web-Page Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting



این پلاگین جی کوئری یک نوار لغزنده کامل صفحه برای پیمایش بین صفحات وب است. به عنوان مثال، شما می توانید از صفحه اصلی خود را بر روی یک اسلاید، صفحه تماس در دیگری را در داشته باشد. این پاسخگو است و کار می کند در تمام مرورگرهای بزرگ، از جمله اینترنت اکسپلورر 6 ( : O ) و مرورگرهای تلفن همراه.

همانطور که از نام نشان می دهد، شما می توانید هر چیزی در داخل یک اسلاید قرار داده است (مطالب دیگر جی کوئری، فیلم ها، و چه نه)، و هر اسلاید خواهد حرکت برای مشاهده سرریز مثل هر صفحه عادی. چیزی نیست که من از که از نوار لغزنده شکستن می دانیم وجود دارد، و شما می توانید مقدار بینهایتی از اسلاید اضافه کنید. این دقیقا همان چیزی است که شما نیاز به ادویه تا وب سایت شما!

اگر چه این پنجره محتوای کامل طراحی شده است، شما می توانید به راحتی این به عنوان یک نوار لغزنده محتوای سنتی جی کوئری استفاده کنید. در واقع، pageAnimate است که احتمالا بهتر از دیگر لغزنده از آن کار می کند زیبایی در اینترنت اکسپلورر 6!

توجه: اگر شما مشاهده پیش نمایش افزونه در مرورگر تلفن همراه، رندر افزونه کار نخواهند کرد در همه. شما نیاز به بازدید http://creativewebsites.me/pageAnimate/preview به آن را ببینید در عمل است.

نسخه 1.1 بروز رسانی

نسخه 1.1 همراه با دو ویژگی های جدید: این توانایی را به هر اسلاید یک URL منحصر به فرد (با استفاده از هش) و عملکرد خودکار پیشبرد به طوری که نوار لغزنده به طور خودکار چرخه را از طریق تمام اسلاید به طور مداوم. هر دو می تواند در همان زمان نمی تواند فعال باشد (من نمی توانم از هر کسی که می خواهید فکر می کنم که به هر حال).

اگر شما از نسخه های قبلی نصب شده و شما به این نسخه به روز رسانی، مطمئن شوید که شما hardcode از 'داده اسلاید = "0"' ویژگی به دیو است که یک کلاس از .pageAnimate. مانند:

  <DIV کلاس = "pageAnimate" داده اسلاید = "0"> </ DIV> 

همچنین، شما نیاز به اضافه کردن کلاس به شرح زیر به تمام اسلاید باعث: .pageAnimate_trigger

اگر جاوا اسکریپت غیر فعال شده است.

این افزونه اجرا می شود در درجه اول در جاوا اسکریپت - اما اگر جاوا اسکریپت غیر فعال شده است. آیا کشویی بی فایده (و بدان معناست که مردم فقط می توانید ببینید خانگی خود کنید!). هیچ البته نه. شما می توانید یک عکاس هنگام عکسبرداری، لینک مجدد به محرک که به یک اسلاید اضافه کنید. بنابراین، هنگامی که جاوا اسکریپت غیر فعال است، این باعث نمی خواهد به یک اسلاید در pageAnimate بروید، اما فقط به صورت طبیعی به یک صفحه دیگر (که شما در "عکاس هنگام عکسبرداری تعریف) ادامه دهید.

آیا کشویی pageAnimate جلو محتوا از دیگر صفحات وب؟

نه، این افزونه خود را می کند محتوا از دیگر صفحات وب کشیدن نیست. اگر چه شما می توانید که تنها با چند خط از آژاکس و یا کد پی اچ پی کار، اسکریپت خود را می کند که قابلیت را ندارد و محتوای هر اسلاید / صفحه باید دستی اضافه شود. به جلو و محتوا از وب سرور با آژاکس، فقط استفاده از این کد:
  <نوع اسکریپت = "متن / جاوا اسکریپت">  $ ("#slide_id_or_class") .load ("http://www.yourserver.com/yourpage.html")؛  </ script> 
(فقط #slide_id_or_class تغییر "به ID CSS یا کلاس از اسلاید pageAnimate را که می خواهید برای اضافه کردن به)

پس چگونه می توانم لغزان رفتن به یک اسلاید؟

این نمی تواند آسان تر - فقط این کد را اضافه کنید:
  <a class="pageAnimate_trigger pageAnimate_trigger1"> این متن به اسلاید 2 </a> را به 
توجه داشته باشید تعداد اضافه شده به پایان نام کلاس؟ که تعداد کمی تعریف می کند چه خواهد شد به اسلاید های متحرک. اما از آنجا که همه چیز را در جاوا اسکریپت است مبتنی بر صفر (خرس با من در اینجا)، ما را به منهای نیاز به 1 را از عدد اسلاید. بنابراین برای مثال، اگر ما می خواهیم نوار لغزنده را به رفتن به اسلاید # 4 هنگامی که متن کلیک، ما را به این کلاس اضافه کنید: "pageAnimate_trigger 3". "pageAnimate_trigger 5": اگر ما می خواهیم نوار لغزنده را به رفتن به اسلاید # 6، ما را به این کلاس اضافه کنید. همانطور که در بالا ذکر شد، شما می توانید یک لینک به برچسب لنگر، که تنها می تواند زمانی که جاوا اسکریپت غیر فعال است و پس از اضافه کنید. بنابراین این بدان معناست بازدید کنندگان هنوز هم قادر به مشاهده یک صفحه شبیه سازی شده در جای دیگر در وب سایت خود را اگر آنها جاوا اسکریپت غیر فعال خواهد بود.

آیا من باید به صورت دستی یک لینک به هر اسلاید اضافه کنید؟

در همه - اسکریپت تمام کار را برای شما.

چگونه این من را به یک محتوای عادی لغزان و نه یک صفحه وب لغزان؟

آسان - همه شما باید انجام دهید این است تغییر یک خط در "تنظیمات" از اسکریپت جی کوئری. شما نیاز به یک DIV (و یا یکی دیگر از تگ های مشابه) به عنوان یک ظرف برای لغزنده pageAnimate است. نگران نباشید، که دیو در اسکریپت را تعریف کنیم.

هر گونه مشکلی یا اشکالات وجود دارد؟

  1. هنگامی که پنجره مرورگر است در داخل یا خارج در اینترنت اکسپلورر 8 زوم، اسلاید به طور خودکار تغییر اندازه برای تبدیل شدن به تمام صفحه. من برای سنین سعی کردم برای پیدا کردن یک راه حل، اما نمی تواند. با این حال، آنها را تغییر اندازه زمانی که پنجره واقعی کشیده است کوچکتر یا بزرگتر. این منحصر به فرد است به اینترنت اکسپلورر 8.این باید یک معامله بزرگ از وجود خواهد داشت بیش از حد بسیاری از مردم بزرگنمایی و کوچکنمایی در IE8 است.
  2. هنگام استفاده از جی کوئری 1.8.1، فایرفاکس هنگامی که یخ بسیاری از محرک در جانشینی سریع کلیک. خوب کار می کند با jQuery 1.7.2.
  3. ناوبری نوار لغزنده را به طور کامل تجزیه می هنگامی که شما زوم در در گوشی های هوشمند. این را می توان با اضافه کردن این کد به قسمت <head> بخش از سند HTML خود را ثابت:
      <نام متا = "دید" محتوای = "عرض = دستگاه عرض؛ در مقیاس اولیه = 1؛ حداکثر مقیاس = 1"> 
  4. انیمیشن نوار لغزنده را ممکن است یک کمی متلاطم در گوشی های هوشمند قدیمی - هر چند آن را خیلی بد نیست.

دانلود کنید
مولفه های دیگر در این دسته استتمام اجزای این کاربر
نظراتغالبا پرسش و پاسخ خواسته

خواص

ایجاد شد:
12 نوامبر 13

اخرین بروزرسانی:
18 مه 13

کیفیت بالا:
بله

سازگار با مرورگرهای:
IE6، IE7، IE8، IE9، IE10، فایرفاکس، سافاری، اپرا، کروم

فایل های شامل:
جاوا اسکریپت JS، HTML، CSS

نسخه نرم افزار:
جی کوئری

کلمات کلیدی

تجارت الکترونیک, تجارت الکترونیک, همه موارد, CSS, HTML, جاوا اسکریپت, جی کوئری, اسلایدر جی کوئری, صفحه کشویی, pageAnimate, صفحه بندی, نوار لغزنده سلطنتی, لغزنده