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

Slider

— యాడ్ ఆన్ WorldWideScripts.net కు

తాజాగా ఉండాలని మా ఫీడ్ సబ్స్క్రయిబ్!

కొత్త !మీరు కావలసిన మాకు అనుసరించండి!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

స్లైడర్ మీకు కావలసిన విండో పరిమాణం సరిపోయే లేదు horizontaly కంటెంట్ సమలేఖనమైంది అనుమతిస్తుంది. మీకు కావలసిన మీరు అనేక అంశాలను ఉంచవచ్చు. ఒక అంశంలో చిత్రం, ఒక లేబుల్ మరియు ఒక లింక్ ఉంటుంది. మీరు అన్ని లేదా కేవలం ఒకటి లేదా రెండు వస్తువుల లింక్ టెక్స్ట్ అధిగమించవచ్చు అనుకొంటే.

ఎలా ఉపయోగించాలి

PrototypeJS మరియు Scriptaculous (ప్రభావాలు + dragp & డ్రాప్) చేర్చిన తరువాత, ఫైలు slider.js (వస్తువు) మరియు ఫైల్ slider.css (శైలి) ఉన్నాయి.

అప్పుడు, కేవలం విండో లోడ్ ఈ వంటి ఏదో ఉన్నాయి:

 కొత్త స్లైడర్ ({ "స్లయిడర్": "స్లయిడర్ test1" "అంశాలు": [ {"ఫైల్": "heroes.jpg", "లేబుల్": "హీరోస్", "లింక్": "http://www.hulu.com/heroes"}, {"ఫైల్": "prisonbreak.jpg", "లేబుల్": "ప్రిజన్ బ్రేక్", "లింక్": "http://www.hulu.com/prison-break"} ] }); 

ఈ కోడ్ ID "స్లయిడర్-పరీక్ష" కలిగి మూలకం ఒక స్లయిడర్ సృష్టిస్తుంది. హీరోస్ మరియు ప్రిజన్ బ్రేక్: 2 అంశాలు ఉన్నాయి.

స్లైడర్ ఐచ్ఛికాలు

తదుపరి జాబితా స్లైడర్ అందుబాటులో అన్ని ఎంపికలు చూపిస్తుంది.
  • స్లయిడర్ - స్లయిడర్ పేరెంట్ అంశం లేదా ID
  • itemWidth - స్లయిడ్ వెడల్పు (డిఫాల్ట్ 320 ఉంది)
  • itemHeight - స్లయిడ్ ఎత్తు (డిఫాల్ట్ 200)
  • మార్గం - స్లయిడ్ చిత్రాలు మార్గం (డిఫాల్ట్ "images /")
  • linkText - స్లయిడ్ డిఫాల్ట్ లింక్ టెక్స్ట్ (డిఫాల్ట్ "అన్వేషించండి" ఉంది)
  • యానిమేట్ - స్లయిడర్ యానిమేట్ (డిఫాల్ట్ వర్తిస్తుంది). మీరు dragger క్లిక్ వరకు స్లయిడర్ స్క్రోలింగ్ ఉంచుకుంటుంది.
  • animationDelay - యానిమేషన్లు మధ్య సమయం, సెకన్లలో (డిఫాల్ట్ 5)
  • slideDelay - స్లయిడ్ ప్రభావం సమయం, సెకన్లలో (డిఫాల్ట్ 1)
  • slideLoop - మొదటి చివరి అంశం, లూప్ చేరుకుంటున్నప్పుడు? (డిఫాల్ట్ వర్తిస్తుంది)
  • onClick - ఒక అంశం లింక్ క్లిక్ చేసినప్పుడు ఈవెంట్ (డిఫాల్ట్ ఎవరూ)

ఒక నిర్దిష్ట అంశం లేదా ఒక డిఫాల్ట్ బ్యాక్ క్లిక్ చేసినప్పుడు బదులుగా ప్రతి అంశానికి ఒక అనుసంధానాన్ని అందిస్తుంది, మీరు ఒక బ్యాక్ ఫంక్షన్ సెట్ చేయవచ్చు. మీరు సిద్ధ బ్యాక్ సెట్ ఉంటే, అది ఎల్లప్పుడూ చేస్తుందని మరియు ఏ లింకులు ఉపయోగించబడుతుంది గమనించండి.

 కొత్త స్లైడర్ ({ "స్లయిడర్": "స్లయిడర్ test1" "OnClick": ఫంక్షన్ (అంశం) { హెచ్చరిక ("మీరు అంశం క్లిక్" + item.get ("లేబుల్")); } "అంశాలు": [ {"ఫైల్": "heroes.jpg", "లేబుల్": "హీరోస్"}, {"ఫైల్": "prisonbreak.jpg", "లేబుల్": "ప్రిజన్ బ్రేక్", "onClick": ఫంక్షన్ () {హెచ్చరిక ("మీరు ప్రిజన్ బ్రేక్ క్లిక్!"); }} ] }); 

ఈ అంశాన్ని ఒక నిర్దిష్ట బ్యాక్ ఎందుకంటే మునుపటి కోడ్ లో, డిఫాల్ట్ బ్యాక్ "ప్రిజన్ బ్రేక్" అంశం "హీరోస్" కోసం కానీ అని ఉంటుంది.

వద్ద డెమో తనిఖీ http://envato.diogoresende.net/slider/


డౌన్లోడ్
ఈ వర్గంలో ఇతర భాగాలుఈ రచయిత యొక్క అన్ని అంశాలు
వ్యాఖ్యలుతరచుగా ప్రశ్నలు మరియు సమాధానాలు కోరారు

లక్షణాలు

రూపొందించబడింది:
24 ఫిబ్రవరి 10

చివరి నవీకరణ:
N / A

అనుకూల బ్రౌజర్లు:
ఫైర్ఫాక్స్, IE7, IE8, Opera, Safari

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

JS లైబ్రరీ:
ప్రోటోటైప్ 1.6, Script.aculo.us

కీవర్డ్లు

కామర్స్, కామర్స్, ఆల్, బ్యానర్, స్లయిడింగ్