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]

  • autoheight উদাহরণস্বরূপ + API কল যোগ

আপডেট 2.0 [09/06/2011]

  • নির্দিষ্ট বাগ
  • ফিনিক্স গ্যালারি rebranded - একই গ্যালারি বৈশিষ্ট্য + আরো
  • যোগ থাম্বনেইল গৌণ

ভূমিকা

jQuery এর কেন পোড়া শৈলী আপনার ছবি / বিজ্ঞপ্তি শোকেস নিখুঁত উপায় Slideshowis. প্রতিটি বস্তু একটি পৃথক স্লাইডশো সময় আছে এবং আপনি শুধু এইচটিএমএল পরিবর্তন করে তাদের লিঙ্ক, টার্গেট ও অন্যান্য অনেক পৃথক সেটিংস সম্পাদনা করতে পারেন.

বৈশিষ্ট্য সমূহ

  • .PNGs,.JPGs, gifs.এর সমর্থন
  • এপিআই - (গ্যালারি বাইরে) আপনার এইচটিএমএল থেকে, gotoNext, gotoPrev খেলা, বিরাম কল
  • autoheight - বিকল্প এড়িয়ে উচ্চতা উপর নির্ভর করে গ্যালারি স্বয়ংক্রিয়-আকৃতি থেকে
  • আপনি চান হিসাবে অনেক ছবি ঘুরান - সীমাহীন আইটেম সমর্থন
  • স্লাইডশো মোড - প্রতিটি আইটেমের জন্য স্বাধীন সময়ের সাথে আপনার দেওয়া 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 px এ তীর জন্য বাদ দিয়া হয়) প্রতিটি তীর জন্য বরাদ্দ করা হয় যে স্থান এবং আপনি আরো অঙ্গুষ্ঠ জন্য এই কমে যাবে.

এটা ইমেজ উপর একটি লিঙ্ক (না থাম্বনেল offcourse প্রধান ইমেজ) হ্যাঁ, নিশ্চিত, লিখতে করা সম্ভব

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

পরিবর্তে

 <Img src = "গান / 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 ইত্যাদি গ্যালারি div কিছু সরাসরি সন্তানের উপর হতে হবে এ কারণে যে,. উদাহরণস্বরূপ, যদি আপনি আছে

 

আপনি কি এই মত লিঙ্ক যুক্ত হলে প্রভাব কাজ করে, কিন্তু
 <a href="#"> </a> 
প্রভাব কাজ করবে না. আপনি তাই মত গ্যালারি সরাসরি সন্তানকে বৈশিষ্ট্যাবলী সরানো প্রয়োজন:
 <a href="#" data-finalzoom="2"> </a> 

ক্রেডিট

সৃজনশীল ফটো - http://www.flickr.com/photos/markjsebastian/

ডাউনলোড করুন
এই বিষয়শ্রেণীতে অন্তর্ভুক্ত অন্যান্য উপাদানএই লেখকের সব উপাদান
মন্তব্যপ্রায়শই জিজ্ঞাসা করা প্রশ্ন এবং উত্তর

বৈশিষ্ট্য

নির্মিত:
2 আগস্ট 10

সর্বশেষ আপডেট:
N / A

সামঞ্জস্যপূর্ণ ব্রাউজার:
IE7, IE8, IE9, ফায়ারফক্স, সাফারি, অপেরা, ক্রোম

ফাইল:
জাভাস্ক্রিপ্ট জাতীয় সিএসএস

সফ্টওয়্যার সংস্করণ:
jQuery এর

নাম. মূলশব্দ

ইকমার্স, ইকমার্স, সকল প্রকার, তীর, কাস্টম গৌণ, প্রভাব, গ্যালারি, ভাবমূর্তি, কেন পোড়া, সংখ্যা, চাটু, ছবি সমর্থন, চক্রকার, স্লাইডশো, থাম্বনেল, রূপান্তরের, ভিডিও সমর্থন, জুম্