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 تصویر سلائیڈر استعمال کرنا آسان ہے.

خصوصیات

- 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

تمام ترتیبات کے ساتھ مثال کے طور پر:

  <سکرپٹ قسم = "متن / جاوا اسکرپٹ">  $ (دستاویز) تیار (تقریب () {  // نئے سلائیڈر مثال بنائیں  متغیر my_slider = $ ('مثال') fws2 ().  // سیٹ سلائیڈر کی ترتیبات (اختیاری) آپ مکمل طور پر اس بلاک کو نظر انداز کر سکتے ہیں  my_slider.settings ({  کاوچ سرفنگ: 0، // موجودہ سلائڈ؛  0 - سب سے پہلے، 1 - دوسری وغیرہ ...  دورانیہ: 750، // سلائڈ مدت؛  milliseconds کے  hoverpause: 1، ہور //؛  1 - جی ہاں، 0 - کوئی  موقوف: 6000، سے پہلے اگلی سلائڈ پر جانے کے توقف //؛  milliseconds کے  تیر: 1، // ڈسپلے تیر؛  1 - جی ہاں، 0 - کوئی  گولیوں: 0، ​​// ڈسپلے گولیاں؛  1 - جی ہاں، 0 - کوئی  expandDuration: 750، // ڈسپلے تیر؛  1 - جی ہاں، 0 - کوئی  linktext: // بٹن متن (گلوبل ترتیب) 'مزید پڑھیں'  // اعلی درجے کے اختیارات  titleHTML: '<H4> عنوان٪ </ H4>'، // عنوان کے لئے اپنی مرضی کے مطابق ایچ ٹی ایم ایل  descriptionHTML: <P> DESC٪ </ 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: // ویب سائٹ // مزید یو آر ایل لنک پر پڑھیں  })؛  سلائیڈر شروع //  my_slider.start ()؛  })؛  </ سکرپٹ> 

جکڑا جانا؟ استعمال متغیر بغیر مختصر مثال:

  <سکرپٹ قسم = "متن / جاوا اسکرپٹ">  $ (دستاویز) تیار (تقریب () {  $ ('.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: // ویب سائٹ})  .شروع ()؛  })؛  </ سکرپٹ> 

مثال کال بیک تقریب کا استعمال کرتے ہوئے

  <سکرپٹ قسم = "متن / جاوا اسکرپٹ">  $ (دستاویز) تیار (تقریب () {  متغیر 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 ()؛  })؛  </ سکرپٹ> 

مثال HTML تخصیص

  <سکرپٹ قسم = "متن / جاوا اسکرپٹ">  $ (دستاویز) تیار (تقریب () {  متغیر example_slider = $ ('.example4') fws2 ().  example_slider.settings ({  titleHTML: <H1> <a href="٪link٪"> عنوان٪ کریں </a> </ H1> '،  descriptionHTML: '<P> <کلاس = "FA FA-چیک کریں" /> <مدت> DESC٪ </ مدت> </ 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: // ویب سائٹ})  .شروع ()؛  })؛  </ سکرپٹ> 

تاریخ کے لئے رہو!

پر ہمارے ساتھ چلیے فیس بک یا ٹویٹر اور شے کے اپ ڈیٹس اور آئندہ پلگ ان اور سکرپٹ کے بارے میں تازہ ترین خبریں حاصل!

تم نے بھی ہم پر عمل کر سکتے ہیں کے Instagram ہمارے پلگ ان اور سکرپٹ انسٹال کرنے کے لئے ویڈیو سبق کے ساتھ یو ٹیوب پر جلد اور!

changelog کے

8 دسمبر، 2015

- جاوا سکرپٹ کے کوڈ دوبارہ کیا گیا ہے.
- imagesloaded.js سکرپٹ اب اختیاری ہے.
- ایچ ٹی ایم ایل ہٹا دیا گیا ہے. اب یہ مکمل طور پر جاوا سکرپٹ کی طرف سے تعمیر کیا جاتا ہے.
- یہ اب کوئی استعمال کیا جاتا ہے کے طور پر گوگل فونٹ کا لنک سر سے ہٹا دیا جاتا ہے.
- سلائیڈر اب) ($ (سلیکٹر) کا استعمال کرتے ہوئے .fws2 initialized ہے؛

- نئے طریقوں:

 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

- سلائیڈر اب صفحے پر ایک سے زیادہ واقعات کی حمایت کرتا ہے.
- گولیاں نیویگیشن شامل کر دیا گیا.
- یرو / شقیں نیویگیشن اب / بند کر دیا جا سکتا ہے.
- mouseover پر autoslide سٹاپ غیر فعال کرنے کا اختیار شامل کر دیا گیا.
- سلائیڈر اب فونٹ بہت اچھے بجائے نیویگیشن تیر اور گولیوں کے لئے تصاویر کا استعمال کرتا ہے.
- شامل کی بورڈ / دائیں تیر نیویگیشن چھوڑ.


ڈاؤن لوڈ، اتارنا
اس زمرے میں دیگر اجزاءاس مصنف کے تمام اجزاء
تبصرہاکثر سوالات اور جوابات سے پوچھا

پراپرٹیز

پیدا کیا:
16 نومبر 12

آخری اپ ڈیٹ:
8 دسمبر 15

بهترین ریزولوشن:
جی ہاں

ہم آہنگ براؤزر:
IE8، IE9، IE10، IE11، فائر فاکس، سفاری، اوپیرا، کروم

فائلیں:
جاوا اسکرپٹ جے ایس، ایچ ٹی ایم ایل، سی ایس ایس

سافٹ ویئر ورژن:
jQuery کے

مطلوبہ الفاظ

ای کامرس, ای کامرس, تمام اشیاء, مکمل, جاوا, jQuery کے, جے ایس, ذمہ دار, سلائیڈر, شو, چوڑائی