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

وردپرس نسخه

گالری پشتیبانی از تصاویر، ویدئو، صدا تلفن های درون خطی اپل نصب و راه اندازی دقیقه سازگار کن برنز ناوبری ریز عکسها به اثر و بیشتر!

به روز رسانی

UPDATE 2 .1 [14/06/2011]

  • اضافه به عنوان مثال autoheight + تماس API

UPDATE 2 .0 [2011/09/06]

  • اشکالات ثابت
  • عنوان تجاری به ققنوس گالری - ویژگی های مشابه گالری + بیشتر
  • ناوبری ریز اضافه

معرفی

جی کوئری کن برنز Slideshowis راه مناسب برای به نمایش گذاشتن تصاویر خود را / تبلیغات در سبک. هر آیتم یک زمان تصاویر به صورت خودکار جداگانه و شما می توانید لینک، هدف و بسیاری دیگر از تنظیمات شخصی خود را فقط با تغییر HTML را ویرایش کنید.

ویژگی ها

  • از .PNGs، .JPGs، های gif
  • API - مکث پاسخ، بازی، gotoNext، gotoPrev از HTML خود را (در خارج از گالری)
  • autoheight - گزینه ای برای autosize گالری بسته به ارتفاع از محتوای
  • از آیتم های نامحدود - چرخش تصاویر به عنوان بسیاری از عنوان شما می خواهید
  • حالت اسلاید - با گذشت زمان و مستقل برای هر آیتم که شما می توانید در HTML ارائه تعریف
  • ارزش شما می توانید برای هر یک از آیتم راه اندازی - توضیحات (شرح از بالا)، initialZoom (هر مقدار که شما می خواهید)، finalZoom، slideshowTime (زمانروتاتور بنر باقی می ماند در مورد خاص متمرکز)، سوزاندن زمان اثر (شما هم آرزو اثر را به)، آدرس (اگر هیچ آدرس قرار است آیتم فقط یک تصویر با هیچ لینک کلیک کنید) خواهد بود، transitionType (easeInSine، و غیره خطی)، initialposition، موضع نهایی (انتخاب از topleft، topcenter، topright، middleleft، middlecenter، middleright، bottomleft، bottomcenter، bottomright)
  • قابل اندازه بندی مجدد به اندازه مورد نظر خود را - همه مطالب مناسب موقعیت خواهد

موقعیت سوژه متحرک از روبرو احتمالی (اولیه و نهایی)

سؤالات متداول

چگونه به مجموعه ای از تعدادی از عکسها، من این تصاویر پرتره در نوار لغزنده ..ناوبری تنها نشان می دهد 2 از آنها، در حالی که فضا برای 4 وجود دارد؟

شما می توانید تنظیم نشده تعدادی از عکسها را در هر "صفحه" به دلیل آن را به طور خودکار از عرض انگشت شست / ارتفاع و فضای انگشت شست محاسبه می شود. بنابراین سعی کنید به پایین تر است که برای شست است. همچنین یکی دیگر از پارامتر "nav_arrow_size: 40" وجود دارد - این فضایی است که برای هر یک از فلش کردهاید (به طور پیش فرض به طوری که در 80 پیکسل برای فلش تفریق) است و شما همچنین می توانید این برای شست بیشتر کاهش می دهد.

ممکن است برای قرار دادن لینک بر روی تصاویر (تصویر اصلی offcourse نه ریز) آره، ارسال

  <a href="#"> <IMG SRC = "IMG / def1.jpg" /> </a> را 

بجای

  <IMG SRC = "IMG / def1.jpg" /> 

من سعی می کنم برای اضافه کردن لینک در شرح اما آن را می شکند اسکریپت

Propably شما انجام می دهند چیزی شبیه به این

BAD:

  داده DESCRIPTION = "لینک من <a href="http://something"> اینجا </a> است" 

مشکل این است که "href درون می شکند" از داده را ببینید. راه حل است استفاده از 'به جای "

خوب:
  داده توضیحات = 'لینک من <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، فایرفاکس، سافاری، اپرا، کروم

فایل های شامل:
جاوا اسکریپت JS، HTML، CSS

نسخه نرم افزار:
جی کوئری

کلمات کلیدی

تجارت الکترونیک, تجارت الکترونیک, همه موارد, فلش, ناوبری سفارشی, اثرات, آلبوم عکس, تصویر, کن برنز, تعداد, ماهی تابه, پشتیبانی از تصاویر, روتاتور, نمایش اسلاید, ریز عکسها, انتقال, پشتیبانی از ویدئو, بزرگنمایی