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

வேர்ட்பிரஸ் பதிப்பு

தொகுப்பு படங்கள், வீடியோ, ஆடியோ இன்லைன் தொலைபேசி பேசு இணக்கமான நிமிடம் நிறுவல் கென் பர்ன்ஸ் விளைவு சிறு வழிசெலுத்தல் மேலும் ஆதரிக்கிறது!

மேம்படுத்தல்கள்

புதுப்பிப்பு 2.1 [14/06/2011]

  • தன்னியக்க உயரம் உதாரணமாக + API அழைப்புகள் சேர்க்கப்பட்டது

புதுப்பிப்பு 2.0 [09/06/2011]

  • நிலையான பிழைகள்
  • பீனிக்ஸ் தொகுப்பு மாற்றப்பட்டது - அதே கேலரி அம்சங்களை + மேலும்
  • மேலும் சிறு ஊடுருவல்

அறிமுகம்

jQuery, கென் பர்ன்ஸ் பாணியில் உங்கள் படங்களை / விளம்பரங்கள் வெளிப்படுத்தவும் சரியான வழி Slideshowis. ஒவ்வொரு பொருளின் ஒரு தனி ஸ்லைடுஷோ நேரம் மற்றும் நீங்கள் ஒரு HTML மாற்றியமைப்பதன் மூலம் தங்கள் இணைப்பு, இலக்கு மற்றும் மற்ற தனி நபர்கள் அமைப்புகள் திருத்த முடியும்.

அம்சங்கள்

  • .PNGs,.JPGs,.GIFs ஆதரிக்கிறது
  • ஏபிஐ - (கேலரி வெளியே) உங்கள் HTML இருந்து, gotoNext, gotoPrev விளையாட, இடைநிறுத்தப்பட்டு அழைக்க
  • தன்னியக்க உயரம் - விருப்பத்தை உள்ளடக்கத்தை உயரம் பொறுத்து கேலரி autosize செய்ய
  • நீங்கள் விரும்பும் போன்ற பல படங்களை சுழற்ற - வரம்பற்ற பொருட்களை ஆதரிக்கிறது
  • ஸ்லைடுஷோ முறை - ஒவ்வொரு உருப்படியை சுதந்திரமான நேரத்தில் நீங்கள் வழங்கிய HTML இல் வரையறுக்க முடியும்
  • நீங்கள் ஒவ்வொரு உருப்படிக்கு அமைக்க முடியும் மதிப்புகள் - விளக்கம் (மேல் இருந்து விளக்கம்), initialZoom (எந்த மதிப்பு நீங்கள் விரும்பினால்), finalZoom, slideshowTime (பேனர் rotator குறிப்பிட்ட உருப்படியை கவனம் இருக்கும்பொழுது நேரம்), எரிக்க விளைவு நேரம் (நேரம் நீங்கள் எடுத்து விளைவு) எந்த URL உருப்படியை வெறும் கிளிக் எந்த இணைப்பை) ஒரு படம் இருக்கும் அமைக்க என்றால், URL (, transitionType (easeInSine, நேரியல் முதலியன), initialposition, இறுதி நிலையை (topleft, topcenter, topright இருந்து தேர்வு விரும்புகிறேன், middleleft, middlecenter, middleright, bottomleft, bottomcenter, bottomright)
  • உங்கள் விருப்பமான அளவு மறுஅளவிடத்தக்கது - அனைத்து உள்ளடக்கங்களை சரியான நிலைநிறுத்தும் என்று

சாத்தியமான அலசி நிலைகள் (ஆரம்ப மற்றும் இறுதி)

கேள்விகள்

விண்வெளி 4 அங்கு இருக்கும் போது எப்படி சிறு எண்ணிக்கை அமைக்க வேண்டும், நான், ஸ்லைடர்.. வழிசெலுத்தல் மட்டுமே அவர்கள் 2 காட்டுகிறது இந்த உருவப்படம் படங்களை வேண்டும்?

அது கட்டைவிரல் அகலம் / உயரம் மற்றும் கட்டை இடத்தில் இருந்து தானாக கணக்கிடப்படுகிறது ஏனெனில் நீங்கள் 'பக்கம்' ஒன்றுக்கு காட்டப்படும் சிறு எண்ணிக்கை அமைக்க முடியாது. எனவே இன்னும் கட்டைவிரலை என்று குறைக்க முயற்சி. மேலும் மற்றொரு அளவுரு "nav_arrow_size: 40" இருந்தால் - இந்த (எனவே இயல்பாக 80 படப்புள்ளிகளுக்குள் மணிக்கு அம்புகள் substracted உள்ளன) ஒவ்வொரு அம்பு நிதி ஒதுக்கீடு செய்யப்பட்டுள்ளது என்று விண்வெளி மற்றும் நீங்கள் மேலும் கட்டைவிரலை இந்த குறைக்க முடியும்.

அதை படங்கள் ஒரு இணைப்பை (இல்லை சிறு offcourse முக்கிய படத்தை பார்க்க) ஆமாம் நிச்சயமாக எழுத வைத்து முடியும்

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

அதற்கு பதிலாக

 இந்த <img src = "IMG / def1.jpg" /> 

விவரத்தில் இணைப்புகள் சேர்க்க முயற்சி ஆனால் அது ஸ்கிரிப்ட் உடைக்கிறது

Propably நீங்கள் இப்படி ஏதாவது செய்து

பேட்:

 தரவு விளக்கம் = "என் இணைப்பு <a href="http://something"> இங்கே </a> உள்ளது" 

பிரச்சனை தரவு விளக்கம் இருந்து "உள்ளே படம் உடைக்கிறது" என்று. தீர்வுகள் "பயன்படுத்த 'பதிலாக ஆகின்றன

நல்ல :
 தரவு விளக்கம் = 'என் இணைப்பு <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 முதலியன கேலரி கிராம நேரடி குழந்தை இருக்க வேண்டும், ஏனெனில் இது. உதாரணமாக நீங்கள் இருந்தால்

 

நீங்கள் இந்த மாதிரி இணைப்பை சேர்க்க விளைவு வேலை, ஆனால்
 <a href="#"> </a> 
விளைவு இயங்காது. நீ போன்ற கேலரி நேரடி குழந்தை பண்புகளை நகர்த்த வேண்டும்:
 , <a href="#" data-finalzoom="2"> </a> 

உதவி

கிரியேட்டிவ் புகைப்படங்கள் - http://www.flickr.com/photos/markjsebastian/

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

பண்புகள்

உருவாக்கப்பட்டது:
2 ஆகஸ்ட் 10

கடைசியாக புதுப்பிக்கப்பட்டது:
: N / A

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

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

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

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

இணையவழி, இணையவழி, அனைத்து பொருட்கள், அம்புகள், விருப்ப வழிசெலுத்தல், விளைவுகள், கேலரி, படத்தை, கென் எரிகிறது, எண்கள், பான், படங்கள் ஆதரவு, சுழலும், ஸ்லைடுஷோ, சிறு, மாற்றங்கள், வீடியோ ஆதரவு, ஜூம்