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 / Images and Media

Ken Burns Media Gallery / Slideshow

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

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

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


Ken Burns Media Gallery / Slideshow - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

WordPress వెర్షన్

గ్యాలరీ చిత్రాలను, వీడియో, ఆడియో ఇన్లైన్ ఫోన్ ఐప్యాడ్ అనుకూలంగా నిమిషం సంస్థాపన కెన్ బర్న్స్ ప్రభావం సూక్ష్మచిత్రాలను పేజీకి సంబంధించిన లింకులు మరియు మరింత మద్దతు!

నవీకరణలు

UPDATE 2.1 [14/06/2011]

  • autoheight ఉదాహరణకు + API కాల్స్ జోడించారు

UPDATE 2.0 [09/06/2011]

  • స్థిర దోషాలు
  • ఫీనిక్స్ గ్యాలరీకి బ్రాండ్ మార్చబడ్డాయి - అదే గ్యాలరీ లక్షణాలు + మరింత
  • కూర్పు పేజీకి సంబంధించిన లింకులు

పరిచయం

j క్వెరీ కెన్ బర్న్స్ శైలిలో మీ చిత్రాలు / ప్రకటనలు ప్రదర్శించడానికి పరిపూర్ణ మార్గం Slideshowis. ప్రతి అంశాన్ని ప్రత్యేక స్లైడ్ సమయం ఉంది మరియు మీరు కేవలం HTML సవరించుట ద్వారా వారి లింక్, లక్ష్యం మరియు అనేక ఇతర వ్యక్తిగత సెట్టింగ్లను సవరించవచ్చు.

లక్షణాలు

  • .PNGs,.JPGs, gif లు మద్దతు
  • API - (గ్యాలరీ వెలుపల) మీ HTML నుండి, gotoNext, gotoPrev ప్లే, విరామం కాల్
  • autoheight - ఎంపిక కంటెంట్ ఎత్తు ఆధారంగా గ్యాలరీ autosize కు
  • మీరు ఇష్టానుసారం పలు చిత్రాలు రొటేట్ - అపరిమిత అంశాలు మద్దతు
  • స్లైడ్ మోడ్ - ప్రతి అంశం కోసం స్వతంత్ర సమయం మీకు అందించిన HTML లో నిర్వచించలేదు ఆ
  • మీరు ప్రతి వస్తువు కోసం అమర్చవచ్చు విలువలు - వివరణ (top నుండి వివరణ), initialZoom (ఏ విలువ మీరు అనుకుంటున్నారా), finalZoom, slideshowTime (బ్యానర్ రోటేటర్ నిర్దిష్ట అంశంపై దృష్టి ఉంటుంది సమయం), బర్న్ ప్రభావం సమయం (సమయం మీరు తీసుకోవాలని ప్రభావం) ఏ url అంశం కేవలం క్లిక్ ఎటువంటి లింక్) తో ఒక చిత్రం ఉంటుంది సెట్ చేయబడి ఉంటే, url (transitionType (easeInSine, సరళ మొదలైనవి), initialposition, ఆఖరి స్థానం (topleft, topcenter, topright నుండి ఎంచుకోండి అనుకుంటున్నారా, middleleft, middlecenter, middleright, bottomleft, bottomcenter, bottomright)
  • మీ ఇష్టపడే పరిమాణం పునర్పరిమాణ - అన్ని విషయాలు సరైన స్థానాన్ని ఉంటుంది

సాధ్యం పాన్ స్థానాలు (ప్రాథమిక మరియు తుది)

ఎఫ్ ఎ క్యూ

స్పేస్ 4 ఉంది ఎలా సూక్ష్మచిత్రాలను సంఖ్య సెట్, నేను, స్లయిడర్.. పేజీకి సంబంధించిన లింకులు వాటిలో 2 చూపిస్తుంది ఈ చిత్రం చిత్రాలను కలిగి?

ఇది thumb వెడల్పు / ఎత్తు మరియు thumb స్పేస్ నుండి స్వయంచాలకంగా లెక్కించిన ఎందుకంటే మీరు 'పేజీ' ప్రదర్శించబడే సూక్ష్మచిత్రాలను సంఖ్య సెట్ చేయలేదు. సో మరింత బ్రొటనవేళ్లు కోసం తక్కువ ప్రయత్నించండి. కూడా మరొక పారామితి "nav_arrow_size: 40" ఉంది - ఈ (కాబట్టి డిఫాల్ట్ 80 px వద్ద బాణాలు కోసం substracted ఉంటాయి) ప్రతి బాణం కోసం కేటాయించబడుతుంది స్థలం మరియు మీరు కూడా మరింత బ్రొటనవేళ్లు కోసం ఈ తగ్గిస్తుంది.

ఇది చిత్రాలు ఒక లింక్ (offcourse కాదు సూక్ష్మచిత్రాలను ప్రధాన చిత్రం) అవును, ఖచ్చితంగా, వ్రాయడానికి ఉంచాలి అవకాశం ఉంది

 <a href="#"> <img src = "img / def1.jpg" /> </a> 

బదులుగా

 <img src = "img / def1.jpg" /> 

నేను వివరణలో లింకులు జోడించడానికి ప్రయత్నించండి కానీ స్క్రిప్ట్ విచ్ఛిన్నం

Propably మీరు ఈ వంటి ఏదో చేస్తున్న

BAD:

 డేటా వర్ణన = "నా లింక్ <a href="http://something"> ఇక్కడ </a> ఉంది" 

సమస్య డేటా వివరణ నుండి "లోపల href విచ్ఛిన్నం" అని. పరిష్కారాలు "ఉపయోగించడానికి బదులు ఉంది

GOOD:
 డేటా వర్ణన = 'నా లింక్ <a href="http://something"> ఇక్కడ </a> ఉంది' 
హాయ్. నేను phoenixgallery ఆటో స్లైడింగ్ ఎలా మానివేయవచ్చు

మీరు పారామితులు కలిగి

 targetgallery.phoenixgallery ({ transition_type: "యాదృచ్ఛిక", nav_type: "thumbsa" nav_position: "అప్", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "ఆఫ్" settings_autoresize: "ఆఫ్" settings_autoheight: "ఆఫ్" settings_pauseonrollover: "ఆఫ్" settings_usethumbarrows: 'ఆఫ్' transition_strips_x: 10, transition_strips_y: 5, arrows_normal_alpha: 1, arrows_roll_alpha: 0.3 thumbs_normal_alpha: 1, thumbs_roll_alpha: 0.3 }) 
స్లైడ్ డిసేబుల్ కేవలం ఒక కొత్త పారామితి settings_slideshow జోడించడానికి మరియు ఈ వంటి అది ఆఫ్ సెట్
 targetgallery.phoenixgallery ({ transition_type: "యాదృచ్ఛిక", nav_type: "thumbsa" nav_position: "అప్", thumb_width: 100, thumb_height: 75, thumb_space: 20, nav_space: 25, nav_arrow_size: 40, settings_shadow: "ఆఫ్" settings_autoresize: "ఆఫ్" settings_autoheight: "ఆఫ్" settings_slideshow: "ఆఫ్" settings_pauseonrollover: "ఆఫ్" settings_usethumbarrows: 'ఆఫ్' transition_strips_x: 10, transition_strips_y: 5, arrows_normal_alpha: 1, arrows_roll_alpha: 0.3 thumbs_normal_alpha: 1, thumbs_roll_alpha: 0.3 }) 
కొన్ని కారణంగా నేను ఇకపై చిత్రం విధులు జూమ్ ప్రభావం లింక్ను జోడించండి.

లక్షణాల డేటా initialZoom, డేటా finalZoom, డేటా effectTime మొదలైనవి గ్యాలరీ div ప్రత్యక్ష శిశువు మీద ఉండాలి ఎందుకంటే అంటే. ఉదాహరణకు మీరు కలిగి ఉంటే

 

మీరు ఈ వంటి లింక్ను జోడించండి ఉంటే ప్రభావం పని, కానీ
 <a href="#"> </a> 
ప్రభావం పనిచేయదు. మీరు వంటి గ్యాలరీ ప్రత్యక్ష పిల్లల లక్షణాలు కదిలిస్తూ ఉండాలి:
 <a href="#" data-finalzoom="2"> </a> 

క్రెడిట్స్

క్రియేటివ్ ఫోటోలు - http://www.flickr.com/photos/markjsebastian/

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

లక్షణాలు

రూపొందించబడింది:
2 ఆగష్టు 10

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

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

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

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

కీవర్డ్లు

కామర్స్, కామర్స్, ఆల్, బాణాలు, కస్టమ్ పేజీకి సంబంధించిన లింకులు, ప్రభావాలు, గ్యాలరీ, చిత్రం, కెన్ బర్న్స్, సంఖ్యలు, పాన్, చిత్రాలు మద్దతు, రోటేటర్, స్లైడ్, సూక్ష్మచిత్రాలను, పరివర్తనాలు, వీడియో మద్దతు, జూమ్