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

pageAnimate Web-Page Slider

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

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

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


pageAnimate Web-Page Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting



ఈ క్వెరీ ప్లగ్ఇన్ వెబ్ పేజీల మధ్య నావిగేట్ కోసం ఒక పూర్తి పేజీ స్లయిడర్ ఉంది. ఉదాహరణకు, మీరు కాబట్టి మరో న ఒక స్లయిడ్, పరిచయం పేజీ మీ హోమ్ పేజీ చూపుతుంది కాలేదు. ఇది బాధ్యత వహిస్తుందని మరియు (ఇంటర్నెట్ ఎక్స్ప్లోరర్ 6 సహా అన్ని ప్రధాన బ్రౌజర్లలో పనిచేస్తుంది : o ) మరియు మొబైల్ బ్రౌజర్ల.

పేరు సూచించినట్లుగా, మీరు ఒక స్లయిడ్ (ఇతర j క్వెరీ కంటెంట్, వీడియోలను, మరియు కాదు) లోపల ఏదైనా ఉంచవచ్చు, మరియు ప్రతి స్లయిడ్ ఏ సాధారణ పేజీ వంటి ఓవర్ఫ్లో చూడటానికి స్క్రోల్ చేస్తుంది. అక్కడ నేను స్లయిడర్ విచ్ఛిన్నం అని తెలిసిన కాదు, మరియు మీరు అనంతంస్లయిడ్లను మొత్తం జోడించవచ్చు. ఈ మీరు అలంకరించడానికి మీ వెబ్సైట్కు అవసరం వేటి ఉంది!

ఈ పూర్తి విండో కంటెంట్ కోసం రూపొందించబడింది అయితే, మీరు కేవలం సులభంగా సంప్రదాయ j క్వెరీ కంటెంట్ స్లయిడర్ వలె ఈ ఉపయోగించవచ్చు. నిజానికి, pageAnimate అది ఇంటర్నెట్ ఎక్స్ప్లోరర్ 6 లో అందంగా పనిచేస్తుంది నుండి ఇతర స్లయిడర్లను కంటే బహుశా ఉత్తమం!

గమనిక: మీరు ఒక మొబైల్ బ్రౌజర్ లో WorldWideScripts.net ప్రివ్యూ చూడటానికి ఉంటే, WorldWideScripts.net యొక్క రెండరింగ్ అన్ని వద్ద పనిచేయవు. మీరు రావలసి http://creativewebsites.me/pageAnimate/preview చర్య లో చూడటానికి.

వెర్షన్ 1.1 UPDATE

వెర్షన్ 1.1 రెండు కొత్త లక్షణాలను తో వస్తుంది: ప్రతి స్లయిడ్ (హాష్ ఉపయోగించి) ఒక ఏకైక URL ఇవ్వాలని సామర్థ్యం మరియు ఒక ఆటో చేరుకుంటున్న ఫంక్షన్ నిరంతరం అన్ని స్లయిడ్లను ద్వారా స్లయిడర్ స్వయంచాలకంగా చక్రాల కాబట్టి. రెండు (నేను ఏమైనప్పటికీ సాహసించరు ఎవరైనా అనుకుంటున్నారో కాదు) అదే సమయంలో ఎనేబుల్ సాధ్యం కాదు.

మీరు మునుపటి వెర్షన్ ఇన్స్టాల్ మరియు మీరు ఈ వెర్షన్ కు అప్డేట్ ఉంటే, మీరు.pageAnimate ఒక తరగతి కలిగి div లోకి 'డేటా స్లయిడ్ = "0"' లక్షణం hardcode నిర్ధారించుకోండి. కాబట్టి ఇలా:

 <div class = "pageAnimate" డేటా స్లయిడ్ = "0"> </ div> 

అలాగే, మీరు స్లయిడ్ ట్రిగ్గర్స్ అన్ని కింది తరగతి జోడించడానికి అవసరం:.pageAnimate_trigger

JavaScript ఏమిటి ఆపివేస్తే?

ఈ ప్లగ్ఇన్ ప్రధానంగా JavaScript అమలు - కానీ జావాస్క్రిప్ట్ ఏమి నిలిపివేయబడింది ఉంటే? స్లయిడర్ నిరుపయోగం (మరియు ప్రజలు మాత్రమే మీ హోమ్పేజీకి చూడగలరు అర్థం!). ఏ, కోర్సు యొక్క. మీరు ఒక స్లయిడ్ ప్రయాణించి మీటలు ఒక తిరిగి 'href' లింక్ జోడించవచ్చు. జావాస్క్రిప్ట్ నిలిపివేయబడింది కాబట్టి ఉన్నప్పుడు, ఈ ట్రిగ్గర్ pageAnimate ఒక స్లయిడ్ వెళ్ళండి కాదు, కానీ కేవలం (మీరు 'href' లో నిర్వచించిన) మరొక పేజీకి సాధారణ విధంగా వెళతారు.

PageAnimate స్లయిడర్ ఇతర వెబ్ పేజీలు నుండి కంటెంట్ లాగండి లేదు?

సంఖ్య ప్లగిన్ కూడా ఇతర వెబ్ పేజీల నుండి కంటెంట్ లాగండి లేదు. మీరు అజాక్స్ లేదా PHP కోడ్ మాత్రమే కొన్ని పంక్తులను అలా అయినప్పటికీ, స్క్రిప్ట్ కూడా కార్యాచరణను కలిగి లేదు మరియు ప్రతి స్లయిడ్ యొక్క / పేజీ యొక్క కంటెంట్ మానవీయంగా కలపవలసి ఉంటుంది. అజాక్స్ తో మీ వెబ్ సర్వర్ నుండి కంటెంట్ లాగండి, కేవలం ఈ కోడ్ ఉపయోగించండి:
 <స్క్రిప్ట్ రకం = "టెక్స్ట్ / జావాస్క్రిప్ట్"> $ ("#slide_id_or_class").న ("http://www.yourserver.com/yourpage.html"); </ స్క్రిప్ట్> 
(జస్ట్ మీరు జోడించదలచిన pageAnimate స్లయిడ్ యొక్క CSS ID లేదా తరగతి "#slide_id_or_class మార్చడానికి)

సో ఎలా నేను స్లైడర్ ఒక స్లయిడ్ వెళ్ళండి తయారు చెయ్యాలి?

: ఈ కోడ్ జోడించండి - ఇది సులభం కాకపోవచ్చని
 <a class="pageAnimate_trigger pageAnimate_trigger1"> ఈ టెక్స్ట్ 2 </a> స్లయిడ్ వెళతారు 
తరగతి పేరు చివర జోడించారు సంఖ్య గమనించండి? చిన్న సంఖ్య స్లయిడ్ యానిమేటెడ్ ఉంటుంది ఏమి నిర్వచిస్తుంది. జావాస్క్రిప్ట్ లో ప్రతిదీ (ఇక్కడ నాతో భరించలేదని) జీరో ఆధారిత కావడంతో, మేము స్లయిడ్ సంఖ్య ఆఫ్ అవసరం మైనస్ 1. "PageAnimate_trigger 3": మేము కావాలా కాబట్టి ఉదాహరణకు, స్లయిడర్ టెక్స్ట్ క్లిక్ చేసినప్పుడు, మేము ఈ తరగతి చేర్చుతారు # 4 స్లయిడ్ వెళ్ళండి. "PageAnimate_trigger 5": మేము స్లయిడర్ # 6 స్లయిడ్ కు వెళ్లాలని మీరు అనుకుంటున్నారా ఉంటే, మేము ఈ తరగతి చేర్చుతారు. పైన చెప్పినట్లుగా, మీరు JavaScript డిసేబుల్ మాత్రమే వస్తుంది ఇది యాంకర్ ట్యాగ్ ఒక లింక్ జోడించవచ్చు. తద్వారా సందర్శకులు ఇప్పటికీ వారు JavaScript డిసేబుల్ చేస్తే మీ సైట్ లో ఒకచోట ఒక క్లోన్ పేజీ వీక్షించగలరు అర్థం.

నేను మాన్యువల్గా ప్రతి స్లయిడ్ ఒక లింక్ జోడించడానికి ఉందా?

అన్ని వద్ద లేదు - స్క్రిప్ట్ మీరు కోసం అన్ని పని చేస్తుంది.

నేను ఎలా ఒక సాధారణ కంటెంట్ స్లైడర్ మరియు ఒక వెబ్ పేజీ స్లైడర్ ఈ తయారు చెయ్యాలి?

సులువు - మీరు అన్ని j క్వెరీ స్క్రిప్ట్ 'సెట్టింగులు' లో ఒక సింగిల్ లైన్ మార్పు. మీరు pageAnimate స్లయిడర్ కోసం ఒక కంటైనర్ ఒక div (లేదా మరొక ట్యాగ్) కలిగి ఉంటుంది. కేవలం స్క్రిప్ట్ లో div వివరిస్తాయి.

ఏ సమస్యలు లేదా బగ్స్ ఉన్నాయి?

  1. బ్రౌజర్ విండో లేదా IE 8 లో జూమ్ చేసినప్పుడు, స్లైడ్స్ స్వయంచాలకంగా పూర్తి స్క్రీన్ మారింది పునఃపరిమాణం లేదు. నేను ఒక పరిష్కారం కనుగొనేందుకు యుగాలకు ప్రయత్నించారు, కానీ కాదు చేసిన. నిజమైన విండో చిన్న లేదా పెద్ద డ్రాప్ ఉన్నప్పుడు అయితే, వారు పరిమాణాన్ని ఒప్పుకోరు. ఈ IE8 న జూమ్ ఇన్ మరియు అవుట్ను చాలా మంది వుండదు నుండి 8 IE ఈ ఒక పెద్ద ఒప్పందం ఉండకూడదు ప్రత్యేకంగా ఉంటుంది.
  2. J క్వెరీ 1.8.1 వుపయోగిస్తున్నప్పుడు, Firefox అనేక ప్రేరేపకాలు శీఘ్ర వరుసగా క్లిక్ చేసినప్పుడు ఘనీభవిస్తుంది. J క్వెరీ 1.7.2 తో జరిమానా పనిచేస్తుంది.
  3. స్లయిడర్ యొక్క పేజీకి సంబంధించిన లింకులు పూర్తిగా మీరు ఒక స్మార్ట్ఫోన్లో జూమ్ చేసినప్పుడు విచ్ఛిన్నం. ఈ మీ HTML పత్రం <head> విభాగానికి ఈ కోడ్ జోడించడం ద్వారా నిర్దేశించవచ్చు
     <"గరిష్ట ఎత్తున = 1 వెడల్పు = పరికరం వెడల్పు; ప్రారంభ-స్థాయి = 1" meta name = content = "వీక్షణపోర్ట్"> 
  4. స్లయిడర్ యొక్క యానిమేషన్ పాత స్మార్ట్ఫోన్లలో కొద్దిగా jumpy కావచ్చు - అది చాలా చెడ్డ కాదు అయితే.

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

లక్షణాలు

రూపొందించబడింది:
13 నవంబర్ 12

చివరి నవీకరణ:
18 మే 13

అధిక రిజల్యూషన్:
అవును

అనుకూల బ్రౌజర్లు:
IE6, IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

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

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

కీవర్డ్లు

కామర్స్, కామర్స్, ఆల్, css, HTML, జావాస్క్రిప్ట్, j క్వెరీ, j క్వెరీ స్లయిడర్, పేజీ స్లయిడర్, pageAnimate, pagination, రాజ స్లయిడర్, స్లయిడర్