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"> $ (ஆவணம்) தயாராக (செயல்பாடு () { // புதிய ஸ்லைடர் உதாரணமாக உருவாக்க ரகம் 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>'% DESC%, </ 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 (); }); </ ஸ்கிரிப்ட்> 

பிணைப்பு பயன்படுத்தி மாறி இல்லாமல் குறுகிய உதாரணமாக,:

 <ஸ்கிரிப்ட் வகை = "உரை / 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: // வலைத்தளத்தில்'}) .start (); }); </ ஸ்கிரிப்ட்> 

எடுத்துக்காட்டாக கோரிக்கை செயல்பாடு பயன்படுத்தி

 <ஸ்கிரிப்ட் வகை = "உரை / JavaScript"> $ (ஆவணம்) தயாராக (செயல்பாடு () { ரகம் 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 தனிப்பயனாக்குதலில்

 <ஸ்கிரிப்ட் வகை = "உரை / JavaScript"> $ (ஆவணம்) தயாராக (செயல்பாடு () { ரகம் example_slider = $ ('. example4') fws2 (). example_slider.settings ({ titleHTML: '<H1> <a href="%link%">% தலைப்பு% </a>, </ h1>' descriptionHTML: '<P> <நான் வர்க்கம் = "FA FA-பார்க்கலாம்" /> <p>% DESC% </ p> </ 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 (); }); </ ஸ்கிரிப்ட்> 

தேதி வரை தங்க!

நம்மை பின்பற்ற பேஸ்புக் அல்லது டிவிட்டர் மற்றும் உருப்படியை மேம்படுத்தல்கள் மற்றும் வரவிருக்கும் கூடுதல் மற்றும் திரைக்கதை பற்றி சமீபத்திய செய்தி கிடைக்கும்!

நீங்கள் நம்மை பின்பற்ற முடியும் , Instagram எங்கள் கூடுதல் மற்றும் உரைகள் நிறுவ எப்படி வீடியோ பயிற்சிகள் மூலம் YouTube இல் விரைவில்!

சேஞ்ச்

டிசம்பர் 8, 2015

- Javascript குறியீடு திருத்திய.
- Imagesloaded.js ஸ்கிரிப்ட் இப்போது விருப்பமாகும்.
- ஐ அகற்றப்பட்டது. அது இப்போது முற்றிலும் இங்கு இருந்து உருவாக்கிறது.
- அது இனி பயன்படுத்தப்படும் என Google எழுத்துரு இணைப்பு தலையில் இருந்து நீக்கப்பட்டது.
- ஸ்லைடர் இப்போது) ($ (தேர்வுக்குழு) பயன்படுத்தி.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 நிறுத்தத்தில் முடக்க விருப்பத்தை சேர்க்க.
- ஸ்லைடர் இப்போது எழுத்துரு வாழ்த்துக்கள் பதிலாக ஊடுருவல் அம்புகள் மற்றும் தோட்டாக்கள் படங்களை பயன்படுத்துகிறது.
- மேலும் விசைப்பலகை / இடது அம்புக்குறி வழிசெலுத்தல் விட்டு.


பதிவிறக்க
இந்த பிரிவில் மற்ற கூறுகள்இந்த எழுத்தாளர் அனைத்து கூறுகளும்
Commentsஅடிக்கடி கேள்விகள் மற்றும் பதில்கள் கேட்டார்

பண்புகள்

உருவாக்கப்பட்டது:
16 நவம்பர் 12

கடைசியாக புதுப்பிக்கப்பட்டது:
8 டிசம்பர் 15

உயர் தீர்மானம்:
ஆம்

தகுதியானதா உலாவிகள்:
IE8, IE9, IE10, IE11, பயர்பாக்ஸ், சபாரி, ஓபரா, குரோம்

கோப்புகள்:
ஜாவா JS, HTML, CSS,

மென்பொருள் பதிப்பு:
jQuery,

முக்கிய வார்த்தைகள்

இணையவழி, இணையவழி, அனைத்து பொருட்கள், முழு, ஜாவாஸ்கிரிப்ட், jQuery, JS, பதிலளிக்க, ஸ்லைடர், ஸ்லைடுஷோ, அகலம்