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 هو سهل الاستخدام مسج صورة المنزلق الأمثل لعرض كامل الشاشة.

ميزات

- مسج مدفوعة.
- الرسم المتجاوب.
- قابل للتعديل سرعة الانتقال.
- عرض الشرائح السيارات مع وقفة على التحويم.
- متوافق مع جميع المتصفحات الرئيسية (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

المثال مع كافة الإعدادات:

  <نوع النصي = "نص / جافا سكريبت">  $ (الوثيقة) .ready (وظيفة () {  // إنشاء مثيل المنزلق الجديد  فار my_slider = $ ('.سبيل المثال') fws2 ()؛  // تعيين إعدادات شريط التمرير (اختياري) يمكنك تجاهل تماما هذه الكتلة  my_slider.settings ({  خدمات العملاء: 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: وظيفة () {}، // وظيفة لتشغيل قبل التمرير الحرف الأول  afterInit: وظيفة () {}، // وظيفة لتشغيل بعد المنزلق الحرف الأول  slideStart: وظيفة (الشريحة) {}، // وظيفة لتشغيل على بداية الشرائح، بإرجاع كائن شريحة  slideEnd: وظيفة (الشريحة) {} // وظيفة لتشغيل على نهاية الشرائح، بإرجاع كائن شريحة  })؛  // الشريحة إضافة  my_slider.addSlide ({  صورة: 'IMG / slide_1.jpg'، // مصدر الصورة  العنوان: "الشريحة 1 '، // عنوان  وصف: "الوصف"، // الوصف الشرائح  linktext: ''، // زر نص (اختياري، وسوف تستخدم إعدادات عمومية غير ذلك)  صلة العنوان http: // موقع '// المزيد رابط URL  })؛  // بدء تشغيل المنزلق  my_slider.start ()؛  })؛  </ script> 

مثال قصير دون المتغير، وذلك باستخدام تسلسل:

  <نوع النصي = "نص / جافا سكريبت">  $ (الوثيقة) .ready (وظيفة () {  $ ('.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: // موقع'})  .بداية()؛  })؛  </ script> 

المثال باستخدام دالة رد

  <نوع النصي = "نص / جافا سكريبت">  $ (الوثيقة) .ready (وظيفة () {  فار example_slider = $ ('.example2') fws2 ()؛  example_slider.settings ({  afterInit: وظيفة () {  تنبيه ('المتزلج على استعداد!')؛  }،  slideEnd: وظيفة (الشريحة) {  فار عنوان = 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

  <نوع النصي = "نص / جافا سكريبت">  $ (الوثيقة) .ready (وظيفة () {  فار example_slider = $ ('.example4') fws2 ()؛  example_slider.settings ({  titleHTML: '<H1> <a href="٪link٪">٪ اللقب٪ </A> </ H1>'،  descriptionHTML: '<P> <ط الطبقة = "اتحاد كرة القدم اتحاد كرة القدم، تحقق" /> <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: // موقع'})  .بداية()؛  })؛  </ script> 

البقاء حتى الآن!

تابعونا على الفيسبوك أو تويتر والحصول على أحدث الأخبار حول تحديثات البند والإضافات القادمة والكتابات!

يمكنك أيضا متابعتنا على إينستاجرام وقريبا على موقع يوتيوب مع دروس فيديو حول كيفية تثبيت لدينا الإضافات والكتابات!

التغيير

8 ديسمبر 2015

- تم إعادة كتابة كود جافا سكريبت.
- السيناريو 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

10 أبريل 2014

- المتزلج الآن يدعم مثيلات متعددة على الصفحة.
- أضيفت الملاحة الرصاص.
- يمكن أن تحول السهم / الرصاص الملاحة ON / OFF الآن.
- الخيار لتعطيل توقف autoslide عند تمرير مؤشر الماوس المضافة.
- المتزلج يستخدم الآن بين الخط رهيبة بدلا من الصور لسهام الملاحة والرصاص.
- غادر لوحة المفاتيح واضاف / يمين الملاحة السهم.


تحميل
المكونات الأخرى في هذه الفئةجميع مكونات هذا الكاتب
تعليقاتالأسئلة المتداولة والأجوبة

خصائص

مكون:
16 نوفمبر 12

اخر تحديث:
8 ديسمبر +15

عالية الدقة:
نعم فعلا

المتصفحات المتوافقة:
IE8، IE9، IE10، IE11، فايرفوكس، وسفاري، أوبرا، كروم

وشملت ملفات:
جافا سكريبت JS، HTML، CSS

النسخة البرمجيات:
مسج

كلمات البحث

التجارة الإلكترونية, التجارة الإلكترونية, جميع المواد, كامل, جافا سكريبت, مسج, شبيبة, استجابة, المنزلق, عرض الشرائح, العرض