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.کے کی حمایت کرتا ہے
  • API - (گیلری، نگارخانہ باہر) آپ HTML سے، gotoNext، gotoPrev کھیلنے، روکنے کال
  • autoheight - آپشن مواد کے عروج پر انحصار گیلری، نگارخانہ کرنے کے لئے AutoSize کے
  • آپ چاہتے ہیں کے طور پر بہت سے تصاویر کو باری باری دکھائے - لا محدود اشیاء کی حمایت کرتا ہے
  • سلائڈ شو موڈ - ہر شے کے لئے آزاد وقت کے ساتھ آپ کی فراہم کردہ HTML میں وضاحت کر سکتے ہیں
  • آپ کو ہر شے کے لئے مقرر کر سکتے ہیں اقدار - تفصیل (اوپر کی طرف سے وضاحت)، initialZoom (کسی قیمت آپ چاہتے ہیں)، finalZoom، slideshowTime (بینر rotator مخصوص شے پر مرکوز رہتا ہے وقت)، جلا اثر وقت (وقت آپ لینے کے لئے اثر) کوئی یو آر ایل آئٹم صرف کلک پر کوئی لنک) کے ساتھ ایک تصویر ہو جائے گا مقرر کیا گیا ہے تو، یو آر ایل (، transitionType (easeInSine، لکیری وغیرہ)، initialposition، آخری پوزیشن (topleft، topcenter، topright سے منتخب چاہتے، middleleft، middlecenter، middleright، bottomleft، bottomcenter، bottomright)
  • اپنی پسند کی سائز پر resizable - تمام مندرجات مناسب پوزیشن گے

ممکن ہے panning عہدوں (ابتدائی اور آخری)

عمومی سوالات

خلائی 4 کے لئے موجود ہے جبکہ گانے، تمبنےل کی تعداد مقرر کرنے، میں، سلائیڈر ..نیویگیشن صرف ان میں سے 2 سے پتہ چلتا میں اس پورٹریٹ تصاویر ہیں؟

اس کے انگوٹھے چوڑائی / اونچائی اور انگوٹھے کی جگہ خود کار طریقے سے شمار کیا جاتا ہے کیونکہ آپ 'کے صفحے پر' فی ظاہر تمبنےل کی تعداد مقرر نہیں کر سکتے. تو زیادہ انگوٹھوں کے لئے اس کو کم کرنے کی کوشش کریں. اس کے علاوہ ایک پیرامیٹر "nav_arrow_size: 40" ہے - یہ (تو ڈیفالٹ 80 پکسلز میں تیر کے لئے substracted کر رہے ہیں) ایک تیر کے لئے مختص کیا جاتا ہے اس جگہ ہے اور آپ کو بھی زیادہ انگوٹھوں کے لئے اس کو کم کر سکتے.

یہ تصاویر پر ایک لنک (نہیں تمبنےل offcourse اہم تصویر) جی ہاں، اس بات کا یقین، لکھنے ڈال کرنے کے لئے ممکن ہے

  <a href="#"> کریں <ahref = "IMG / def1.jpg" /> </a> اپنی 

بجائے

  <IMG ایسآرسی = "IMG / def1.jpg" /> 

میں تفصیل میں لنکس شامل کرنے کی کوشش کریں لیکن یہ سکرپٹ ٹوٹ جاتا ہے

Propably آپ کو اس طرح کچھ کر رہے ہیں

برا

  ڈیٹا تفصیل = "میرا لنک <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، فائر فاکس، سفاری، اوپیرا، کروم

فائلیں:
جاوا اسکرپٹ جے ایس، ایچ ٹی ایم ایل، سی ایس ایس

سافٹ ویئر ورژن:
jQuery کے

مطلوبہ الفاظ

ای کامرس, ای کامرس, تمام اشیاء, تیر, مرضی کے مطابق نیویگیشن, اثرات, گیلری, نگارخانہ, تصویر, کین جل, تعداد, پین, تصاویر کی حمایت, بلاگ, شو, تمبنےل, ٹرانزیشن, ویڈیو کی حمایت, زوم