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 పూర్తి స్క్రీన్ వెడల్పు కోసం ఆప్టిమైజ్ j క్వెరీ చిత్రం స్లయిడర్ ఉపయోగించడానికి సులభం.

లక్షణాలు

- J క్వెరీ నడిచే.
- రెస్పాన్సివ్ డిజైన్.
- సర్దుబాటు పరివర్తన వేగం.
- హోవర్ న విరామం తో ఆటో స్లైడ్.
- అన్ని ప్రధాన బ్రౌజర్లు (IE8 మరియు పైన, Chrome, Firefox, Safari మరియు Opera) అనుకూలమైనది
- ప్రతి స్లయిడ్ కోసం శీర్షిక, వివరణ మరియు లింక్ బటన్ జోడించవచ్చు.

న్యూ పద్ధతులు:

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 - రెండవ etc... వ్యవధి: 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: ఫంక్షన్ () {} // ఫంక్షన్ స్లయిడర్ init ముందు అమలు చేయడానికి afterInit: ఫంక్షన్ () {} // ఫంక్షన్ స్లయిడర్ init తరువాత అమలు slideStart: ఫంక్షన్ (స్లయిడ్) {} // స్లయిడ్ ప్రారంభంలో అమలు ఫంక్షన్, స్లయిడ్ వస్తువు తిరిగి slideEnd: ఫంక్షన్ (స్లయిడ్) {} స్లయిడ్ ముగింపు న అమలు // ఫంక్షన్, స్లయిడ్ వస్తువు తిరిగి }); // కలుపుతోంది స్లయిడ్ my_slider.addSlide ({ చిత్రం: 'img / slide_1.jpg' // చిత్రం మూలం శీర్షిక: 'స్లయిడ్ 1', // శీర్షిక వివరణ: 'వివరణ' // స్లయిడ్ వివరణ linktext: '' // బటన్ టెక్స్ట్ (ఆప్షనల్ లేకపోతే గ్లోబల్ సెట్టింగులు ఉపయోగిస్తాడు) లింకు: 'http: // వెబ్సైట్' // మరిన్ని URL లింక్ చదవండి }); స్లయిడర్ ప్రారంభం // my_slider.start (); }); </ స్క్రిప్ట్> 

కూర్పికం ఉపయోగించి వేరియబుల్ లేకుండా చిన్న ఉదాహరణగా

 <స్క్రిప్ట్ రకం = "టెక్స్ట్ / జావాస్క్రిప్ట్"> $ (పత్రం).సిద్ధంగా (ఫంక్షన్ () { $ ('. example1') .fws2 ({బుల్లెట్స్: 1, ​​బాణాలు: 0}) .addSlide ({చిత్రం: 'img / slide_1.jpg' టైటిల్: 'స్లయిడ్ 1', వివరణ: 'వివరణ' link: 'http: // వెబ్సైట్'}) .addSlide ({చిత్రం: 'img / slide_2.jpg' టైటిల్: 'స్లయిడ్ 2', వివరణ: 'వివరణ' link: 'http: // వెబ్సైట్'}) .addSlide ({చిత్రం: 'img / slide_3.jpg' టైటిల్: 'స్లయిడ్ 3', వివరణ: 'వివరణ' link: 'http: // వెబ్సైట్'}) .ప్రారంభించు (); }); </ స్క్రిప్ట్> 

ఉదాహరణ బ్యాక్ ఫంక్షన్ ఉపయోగించి

 <స్క్రిప్ట్ రకం = "టెక్స్ట్ / జావాస్క్రిప్ట్"> $ (పత్రం).సిద్ధంగా (ఫంక్షన్ () { var example_slider = $ ('. example2') fws2 (.); example_slider.settings ({ afterInit: ఫంక్షన్ () { హెచ్చరిక ('స్లైడర్ సిద్ధంగా!'); }, slideEnd: ఫంక్షన్ (స్లయిడ్) { var title = slide.find ("టైటిల్.") టెక్స్ట్ (.); హెచ్చరిక (+ టైటిల్ 'ఈ'); } }); example_slider.addSlide ({చిత్రం: 'img / slide_1.jpg' టైటిల్: 'స్లయిడ్ 1', వివరణ: 'వివరణ' link: 'http: // వెబ్సైట్'}); example_slider.addSlide ({చిత్రం: 'img / slide_2.jpg' టైటిల్: 'స్లయిడ్ 2', వివరణ: 'వివరణ' link: 'http: // వెబ్సైట్'}); example_slider.addSlide ({చిత్రం: 'img / slide_3.jpg' టైటిల్: 'స్లయిడ్ 3', వివరణ: 'వివరణ' link: 'http: // వెబ్సైట్'}); example_slider.start (); }); </ స్క్రిప్ట్> 

ఉదాహరణ HTML అనుకూలీకరించడానికి

 <స్క్రిప్ట్ రకం = "టెక్స్ట్ / జావాస్క్రిప్ట్"> $ (పత్రం).సిద్ధంగా (ఫంక్షన్ () { var example_slider = $ ('. example4') fws2 (.); example_slider.settings ({ titleHTML: '<h1> <a href="%link%">% టైటిల్% </a> </ h1>', descriptionHTML: '<p> <i class = "ఫ ఫ చెక్కు" /> <span>% desc% </ span> </ p>', linktext: 'మరింత చదవండి', linkHTML: '<a href="%link%">% linktext%% టైటిల్% </a> గురించి' }); example_slider .addSlide ({చిత్రం: 'img / slide_1.jpg' టైటిల్: 'స్లయిడ్ 1', వివరణ: 'వివరణ' link: 'http: // వెబ్సైట్'}) .addSlide ({చిత్రం: 'img / slide_2.jpg' టైటిల్: 'స్లయిడ్ 2', వివరణ: 'వివరణ' link: 'http: // వెబ్సైట్'}) .addSlide ({చిత్రం: 'img / slide_3.jpg' టైటిల్: 'స్లయిడ్ 3', వివరణ: 'వివరణ' link: 'http: // వెబ్సైట్'}) .ప్రారంభించు (); }); </ స్క్రిప్ట్> 

తాజాగా ఉండండి!

లో మాకు అనుసరించండి Facebook లేదా Twitter మరియు అంశం నవీకరణలను మరియు రాబోయే ప్లగిన్లు మరియు స్క్రిప్ట్స్ గురించి తాజా వార్తలను పొందడానికి!

మీరు కూడా మాకు అనుసరించండి Instagram మా ప్లగిన్లు మరియు స్క్రిప్ట్లను ఇన్స్టాల్ ఎలా వీడియో ట్యుటోరియల్స్ YouTube లో త్వరలో మరియు!

చేంజ్లాగ్

డిసెంబర్ 8, 2015

- జావాస్క్రిప్ట్ కోడ్ తిరిగివ్రాయబడెను.
- Imagesloaded.js స్క్రిప్ట్ ఇప్పుడు ఐచ్ఛికం.
- HTML తీసివేయబడింది. ఇది ఇప్పుడు పూర్తిగా javascript నుండి నిర్మించడానికి.
- అది ఇకపై ఉపయోగిస్తారు వంటి Google ఫాంట్ లింక్ తల నుండి తొలగించబడుతుంది.
- స్లైడర్ ఇప్పుడు) ($ (సెలెక్టర్) ఉపయోగించి.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, Firefox, Safari, Opera, Chrome

ఫైళ్ళు:
జావాస్క్రిప్ట్ JS, HTML, CSS

సాఫ్ట్వేర్ వెర్షన్:
j క్వెరీ

కీవర్డ్లు

కామర్స్, కామర్స్, ఆల్, పూర్తి, జావాస్క్రిప్ట్, j క్వెరీ, JS, బాధ్యతాయుతంగా, స్లయిడర్, స్లైడ్, వెడల్పు