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

সব সেটিংস উদাহরণ:

 <স্ক্রিপ্ট টাইপ = "টেক্সট / JavaScript"> $ (ডকুমেন্ট).প্রস্তুত (ফাংশন () { // নতুন স্লাইডার ইনস্ট্যান্স তৈরি Var 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>', // শিরোনাম জন্য কাস্টম এইচটিএমএল descriptionHTML: '<P>% নিম্নক্রমে% </ P>' বর্ণনা, // কাস্টম এইচটিএমএল linkHTML: '<a href="%link%">% linktext% </a>', // কাস্টম এইচটিএমএল জন্য লিঙ্ক বাটন beforeInit: ফাংশন () {}, // ফাংশন স্লাইডার আইনিট চালানোর আগে afterInit: ফাংশন () {}, // ফাংশন স্লাইডার আইনিট পরে চালানোর slideStart: ফাংশন (স্লাইড) {}, // স্লাইড শুরু চালানোর ফাংশন, স্লাইড বস্তু ফেরৎ slideEnd: ফাংশন (স্লাইড) {} স্লাইড প্রান্তে চালানোর // ফাংশন, স্লাইড বস্তু ফেরৎ }); // যোগ স্লাইড my_slider.addSlide ({ চিত্র: 'img / slide_1.jpg', // ইমেজ উৎস শিরোনাম: 'স্লাইড 1', // শিরোনাম বর্ণনা: 'বর্ণনা', // স্লাইড বিবরণ linktext: '', // বাটন শিরোনাম (ঐচ্ছিক, অন্যথায় গ্লোবাল সেটিংস ব্যবহার করা হবে) লিঙ্ক: http: // ওয়েবসাইটে '// আরো URL লিঙ্ক পড়ুন }); স্লাইডার শুরু // my_slider.start (); }); </ Script> 

Chaining ব্যবহার পরিবর্তনশীল ছাড়া স্বল্প উদাহরণস্বরূপ,:

 <স্ক্রিপ্ট টাইপ = "টেক্সট / JavaScript"> $ (ডকুমেন্ট).প্রস্তুত (ফাংশন () { $ ('. 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> 

উদাহরণ কলব্যাক ফাংশন ব্যবহার করে

 <স্ক্রিপ্ট টাইপ = "টেক্সট / JavaScript"> $ (ডকুমেন্ট).প্রস্তুত (ফাংশন () { 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> 

উদাহরণ এইচটিএমএল কাস্টমাইজ

 <স্ক্রিপ্ট টাইপ = "টেক্সট / JavaScript"> $ (ডকুমেন্ট).প্রস্তুত (ফাংশন () { Var example_slider = $ ('. example4') fws2 (). example_slider.settings ({ titleHTML: '<H1> <a href="%link%">% শিরোনাম% </a> </ h1>', descriptionHTML: '<P> <আমি বর্গ = "এফএ এফএ-পরীক্ষা" /> <বিঘত>% নিম্নক্রমে% </ span> </ p> <br', 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> 

আধুনিক থাকো!

আমাদের অনুসরণ করুন ফেসবুক বা টুইটার এবং আইটেম আপডেট এবং আসন্ন প্লাগিন এবং স্ক্রিপ্ট সম্পর্কে সর্বশেষ খবর পেতে!

এছাড়াও আপনি আমাদের অনুসরণ করতে পারেন , Instagram আমাদের প্লাগিন এবং স্ক্রিপ্ট ইনস্টল করার জন্য কিভাবে ভিডিও টিউটোরিয়াল দিয়ে ইউটিউবে শীঘ্রই এবং!

পরিবর্তণের

ডিসেম্বর 8, 2015

- জাভাস্ক্রিপ্ট কোড লেখা হয়েছে.
- Imagesloaded.js স্ক্রিপ্ট এখন ঐচ্ছিক.
- এইচটিএমএল ফেলা হয়েছে. এটা এখন সম্পূর্ণ জাভাস্ক্রিপ্ট থেকে নির্মাণ করা হয়.
- এটা এখন আর ব্যবহার করা হয় যেমন গুগল ফন্ট লিঙ্ক মাথা থেকে মুছে ফেলা হবে.
- স্লাইডার এখন) ($ (নির্বাচক) ব্যবহার করে.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

- স্লাইডার এখন পৃষ্ঠায় একাধিক দৃষ্টান্ত সমর্থন.
- বুলেট গৌণ যোগ করা হয়েছে.
- তীর / বুলেট গৌণ এখন / বন্ধ পরিণত করা যাবে.
- Mouseover নেভিগেশন autoslide স্টপ নিষ্ক্রিয় করার অপশন যোগ করা হয়েছে.
- স্লাইডার এখন ফন্ট সন্ত্রস্ত পরিবর্তে গৌণ তীর এবং বুলেট জন্য ইমেজ ব্যবহার করে.
- যোগ কীবোর্ড / ডান তীর গৌণ বাম.


ডাউনলোড করুন
এই বিষয়শ্রেণীতে অন্তর্ভুক্ত অন্যান্য উপাদানএই লেখকের সব উপাদান
মন্তব্যপ্রায়শই জিজ্ঞাসা করা প্রশ্ন এবং উত্তর

বৈশিষ্ট্য

নির্মিত:
16 নভেম্বর 12

সর্বশেষ আপডেট:
8 ডিসেম্বর 15

উচ্চ মানের:
হাঁ

সামঞ্জস্যপূর্ণ ব্রাউজার:
IE8, IE9, IE10, IE11, ফায়ারফক্স, সাফারি, অপেরা, ক্রোম

ফাইল:
জাভাস্ক্রিপ্ট জাতীয়, এইচটিএমএল, সিএসএস

সফ্টওয়্যার সংস্করণ:
jQuery এর

নাম. মূলশব্দ

ইকমার্স, ইকমার্স, সকল প্রকার, পূর্ণ, জাভাস্ক্রিপ্ট, jQuery, জাতীয়, প্রতিক্রিয়াশীল, স্লাইডার, স্লাইডশো, প্রস্থ