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

Full Width Slider 2

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

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

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


Full Width Slider 2 - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

کامل عرض کشویی 2 آسان برای استفاده از jQuery کشویی تصویر بهینه سازی شده برای عرض کامل روی صفحه نمایش است.

امکانات

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

روش جدید:

addSlide - Adds slide to the slider 
start - Starts the slider
restart - Restart the slider
destroy - Remove the slider

گزینه های جدید:

 cs - Current slide;0 - first,1 - second etc...
expandDuration - Initial height animation duration,milliseconds
linktext - Button Text
titleHTML - Custom HTML for the Title (ex.<h4>%title%</h4> )
descriptionHTML - Custom HTML for the Description (ex.<p>%desc%</p> )
linkHTML – Custom HTML for the link button (ex.<a href="%link%">%linktext%</a> )
beforeInit – Function to run before slider init
afterInit – Function to run after slider init
slideStart – Function to run on slide start,returns the slide object
slideEnd – Function to run on slide end,returns the slide object

به عنوان مثال با تمام تنظیمات:

  <نوع اسکریپت = "متن / جاوا اسکریپت">  $ (سند) آماده (تابع () {  // ایجاد عنوان مثال کشویی جدید  VAR = my_slider $ ('.به عنوان مثال') fws2 ()؛  // تنظیم تنظیمات لغزنده (اختیاری) شما می توانید به طور کامل این بلوک را نادیده  my_slider.settings ({  CS: 0، // اسلاید جاری؛  0 - برای اولین بار، 1 - دوم و غیره ...  مدت زمان: 750، // مدت زمان اسلاید.  میلی ثانیه  hoverpause: 1، // در شناور مکث؛  1 - بله، 0 - بدون  مکث: 6000، // مکث قبل از رفتن به اسلاید بعدی.  میلی ثانیه  فلش: 1، // فلش ها.  1 - بله، 0 - بدون  گلوله: 0، // گلوله ها؛  1 - بله، 0 - بدون  expandDuration: 750، // فلش ها.  1 - بله، 0 - بدون  linktext: "ادامه مطلب '، // متن دکمه (تنظیم جهانی)  // گزینه های پیشرفته  titleHTML: '<H4> عنوان٪٪ </ H4>'، // سفارشی HTML برای عنوان  descriptionHTML: '<P>٪ و توصیف محصول،٪ </ P>'، // سفارشی HTML برای توضیحات  linkHTML: <a href="٪link٪">٪ linktext٪ </a> را '، // سفارشی HTML مورد نیاز برای دکمه لینک  beforeInit: تابع () {}، // تابع قبل از init انجام نوار لغزنده را به اجرا  afterInit: تابع () {}، // تابع پس init انجام نوار لغزنده را به اجرا  slideStart: تابع (اسلاید) {}، // تابع برای اجرا در شروع اسلاید، اسلاید شی را برمی گرداند  slideEnd: تابع (اسلاید) {} // تابع برای اجرا در پایان اسلاید، اسلاید شی را برمی گرداند  })؛  // اضافه کردن اسلاید  my_slider.addSlide ({  تصویر: IMG / slide_1.jpg '، // منبع تصویر  عنوان: 'اسلاید 1'، // عنوان  توضیحات: توضیحات '، // اسلاید باشرکت  linktext: ''، // متن دکمه (اختیاری، را از تنظیمات کلی در غیر این صورت استفاده کنید)  لینک: http: // و وب سایت "// ادامه مطلب URL لینک  })؛  // نوار لغزنده شروع  my_slider.start ()؛  })؛  </ script> 

به عنوان مثال کوتاه بدون متغیر، با استفاده از زنجیره:

  <نوع اسکریپت = "متن / جاوا اسکریپت">  $ (سند) آماده (تابع () {  $ ('.example1')  .fws2 ({گلوله: 1، فلش: 0})  .addSlide ({تصویر: IMG / slide_1.jpg، عنوان: اسلاید 1 'توضیحات: توضیحات'، لینک: http: // و وب سایت '})  .addSlide ({تصویر: IMG / slide_2.jpg، عنوان: اسلاید 2 '، توضیحات: توضیحات'، لینک: http: // و وب سایت '})  .addSlide ({تصویر: IMG / slide_3.jpg، عنوان: اسلاید 3 '، توضیحات:' توضیحات '، لینک: http: // و وب سایت'})  .start ()؛  })؛  </ script> 

به عنوان مثال با استفاده از تابع پاسخ به تماس

  <نوع اسکریپت = "متن / جاوا اسکریپت">  $ (سند) آماده (تابع () {  VAR = example_slider $ ('.example2') fws2 ()؛  example_slider.settings ({  afterInit: تابع () {  هشدار ('لغزان آماده!')؛  }،  slideEnd: تابع (اسلاید) {  VAR = عنوان slide.find ("عنوان.") متن ()؛  هشدار (+ عنوان 'این است')؛  }  })؛  example_slider.addSlide ({تصویر: IMG / slide_1.jpg، عنوان: اسلاید 1 'توضیحات: توضیحات'، لینک: http: // و وب سایت "})؛  example_slider.addSlide ({تصویر: IMG / slide_2.jpg، عنوان: اسلاید 2 '، توضیحات: توضیحات'، لینک: http: // و وب سایت "})؛  example_slider.addSlide ({تصویر: IMG / slide_3.jpg، عنوان: اسلاید 3 '، توضیحات:' توضیحات '، لینک: http: // و وب سایت "})؛  example_slider.start ()؛  })؛  </ script> 

به عنوان مثال سفارشی HTML

  <نوع اسکریپت = "متن / جاوا اسکریپت">  $ (سند) آماده (تابع () {  VAR = example_slider $ ('.example4') fws2 ()؛  example_slider.settings ({  titleHTML: '<H1> <a href="٪link٪">٪ عنوان٪ </a> را </ H1>،  descriptionHTML: '<P> <من کلاس = "FA FA-بررسی" /> <span> در٪ و توصیف محصول،٪ </ SPAN> </ P>،  linktext: "ادامه مطلب"  linkHTML: <a href="٪link٪">٪ linktext٪ در مورد عنوان٪٪ </a> را،  })؛  example_slider  .addSlide ({تصویر: IMG / slide_1.jpg، عنوان: اسلاید 1 'توضیحات: توضیحات'، لینک: http: // و وب سایت '})  .addSlide ({تصویر: IMG / slide_2.jpg، عنوان: اسلاید 2 '، توضیحات: توضیحات'، لینک: http: // و وب سایت '})  .addSlide ({تصویر: IMG / slide_3.jpg، عنوان: اسلاید 3 '، توضیحات:' توضیحات '، لینک: http: // و وب سایت'})  .start ()؛  })؛  </ script> 

اقامت تا تاریخ!

ما را دنبال کنید فیس بوک و یا توییتر و دریافت آخرین اخبار در مورد به روز رسانی آیتم ها و پلاگین های آینده و اسکریپت!

شما همچنین می توانید ما را دنبال کنید نمایش مشخصات عمومی و به زودی در یوتیوب با آموزش تصویری در مورد نحوه نصب پلاگین ها و اسکریپت های ما!

تغییرات

2015 دسامبر 8

- کد جاوا اسکریپت بازنویسی شده است.
- اسکریپت imagesloaded.js در حال حاضر اختیاری است.
- HTML حذف شده است. در حال حاضر به طور کامل از جاوا اسکریپت ساخت.
- لینک فونت گوگل از سر حذف آن را به عنوان دیگر استفاده می شود.
- لغزان در حال حاضر با استفاده از $ (انتخاب) مقداردهی اولیه .fws2 ()؛

- روش جدید:

 addSlide - Adds slide to the slider 
start - Starts the slider
restart - Restart the slider
destroy - Remove the slider

- گزینه های جدید:

 cs - Current slide;0 - first,1 - second etc...
expandDuration - Initial height animation duration,milliseconds
linktext - Button Text
titleHTML - Custom HTML for the Title (ex.<h4>%title%</h4> )
descriptionHTML - Custom HTML for the Description (ex.<p>%desc%</p> )
linkHTML – Custom HTML for the link button (ex.<a href="%link%">%linktext%</a> )
beforeInit – Function to run before slider init
afterInit – Function to run after slider init
slideStart – Function to run on slide start,returns the slide object
slideEnd – Function to run on slide end,returns the slide object

2014 آوریل 10

- لغزان در حال حاضر چندین نمونه در صفحه پشتیبانی می کند.
- اضافه شدن ناوبری گلوله.
- پیکان / گلوله ناوبری می تواند تبدیل شود ON / OFF در حال حاضر.
- اضافه شدن گزینه ای برای غیر فعال autoslide توقف بر روی گزینه.
- در حال حاضر با استفاده از فونت لغزان عالی به جای تصاویر برای فلش ناوبری و گلوله.
- صفحه کلید اضافه شده چپ / راست ناوبری.


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

خواص

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

اخرین بروزرسانی:
8 دسامبر 15

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

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

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

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

کلمات کلیدی

تجارت الکترونیک, تجارت الکترونیک, همه موارد, پر شده, جاوا اسکریپت, جی کوئری, جی اس, پاسخگو, لغزنده, نمایش اسلاید, عرض