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 0.1 [14/06/2011]

  • وأضاف سبيل المثال autoheight + مكالمات API

UPDATE 2 0.0 [09/06/2011]

  • البق الثابتة
  • تغيير علامتها التجارية لفينيكس - معرض الصور معرض نفس الميزات + المزيد
  • وأضاف الملاحة المصغرة

تقديم

مسج كين بيرنز Slideshowis وسيلة مثالية لعرض الصور الخاصة بك / الاعلانات في الاسلوب. كل عنصر لديه الوقت الشرائح منفصل ويمكنك تعديل ارتباطها والهدف والعديد من الإعدادات الفردية الأخرى فقط عن طريق تعديل HTML.

ميزات

  • يدعم .PNGs، .JPGs، .GIFs
  • 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" /> 

وأنا أحاول أن إضافة وصلات في الوصف ولكنه يكسر النصي

بروبابلي تقومون به شيء من هذا القبيل

سيئة :

  ويرد وصف البيانات = "وصلة بلدي <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 الخ يجب أن تكون على الطفل مباشرة من معرض للشعبة. على سبيل المثال إذا كان لديك

 

وأثر العمل، ولكن إذا قمت بإضافة رابط مثل هذا
  <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

النسخة البرمجيات:
مسج

كلمات البحث

التجارة الإلكترونية, التجارة الإلكترونية, جميع المواد, السهام, تنقل مخصصة, الآثار, رواق, صورة, كين بيرنز, أرقام, مقلاة, صور الدعم, محور دوار, عرض الشرائح, الصور المصغرة, التحولات, دعم الفيديو, زوم