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 / Sliders

Slider

— الإضافة إلى WorldWideScripts.net

الاشتراك في موقعنا تغذية للبقاء حتى الآن!

جديد! تابعونا على النحو الذي تريد ذلك!


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

المتزلج يسمح لك أن يكون محتوى الانحياز horizontaly التي لا تتناسب على حجم النافذة التي تريد. يمكنك وضع العديد من العناصر كما تريد. عنصر يتكون من صورة، تسمية والارتباط. إذا كنت تريد أن تتمكن من تجاوز نص صلة لجميع أو لمجرد واحد أو اثنين من العناصر.

كيف تستعمل

بعد بما في ذلك PrototypeJS وScriptaculous (الآثار + dragp & قطرة)، وتشمل slider.js ملف (كائن) وslider.css ملف (نمط).

ثم، فقط تتضمن شيئا من هذا القبيل على تحميل النافذة:

  جديد المتزلج ({  "التمرير": "المنزلق TEST1"،  "العناصر" : [  {"ملف": "heroes.jpg"، "تسمية": "أبطال"، "وصلة": "http://www.hulu.com/heroes"}،  {"ملف": "prisonbreak.jpg"، "تسمية": "بريزون بريك"، "وصلة": "http://www.hulu.com/prison-break"}  ]  })؛ 

هذا الرمز يخلق المنزلق على العنصر الذي يحتوي على ID "المنزلق اختبار". لديها 2 البنود: أبطال وبريزون بريك.

خيارات المنزلق

توضح القائمة التالية كل الخيارات المتاحة للالمتزلج.
  • التمرير - التمرير الكائن الأصل أو ID
  • itemWidth - عرض الشرائح (الافتراضي هو 320)
  • itemHeight - ارتفاع الشريحة (الافتراضي هو 200)
  • الصور الشريحة المسار (الافتراضي هو "صور /") - مسار
  • linkText - شريحة على نص الارتباط الافتراضي (الافتراضي "اكتشف")
  • تحريك - تحريك شريط التمرير (الافتراضي هو الصحيح). سوف المنزلق حفاظ على التمرير حتى تقوم بالنقر فوق الساحب.
  • animationDelay - الوقت بين الرسوم المتحركة، في ثانية (الافتراضي هو 5)
  • slideDelay - وقت تأثير الشريحة، في ثانية (الافتراضي هو 1)
  • slideLoop - عند الوصول إلى العنصر الأخير، حلقة لأول واحد؟ (الافتراضي هو الصحيح)
  • عند _ النقر - دعا الحدث عند النقر على الرابط البند (الافتراضي هو لا شيء)

بدلا من توفير رابط لكل بند، يمكنك تعيين دالة رد عند النقر على عنصر معين أو رد الافتراضية. لاحظ أنه إذا قمت بتعيين رد الافتراضي، وسوف يكون دائما يطلق عليه، وسيتم استخدام أي وصلات.

  جديد المتزلج ({  "التمرير": "المنزلق TEST1"،  "عند _ النقر": وظيفة (البند) {  تنبيه ("لقد قمت بالنقر البند" + item.get ("التسمية"))؛  }  "العناصر" : [  {"ملف": "heroes.jpg"، "تسمية": "أبطال"}،  {"ملف": "prisonbreak.jpg"، "تسمية": "بريزون بريك"، "عند _ النقر": وظيفة () {تنبيه ("أنت النقر PRISON BREAK!")؛  }}  ]  })؛ 

في القانون السابق، وسوف يطلق على رد الافتراضي لمادة "أبطال" ولكن ليس ل "بريزون بريك" لأن هذا البند لديه رد معين.

تحقق من التجريبي في http://envato.diogoresende.net/slider/


تحميل
المكونات الأخرى في هذه الفئةجميع مكونات هذا الكاتب
تعليقاتالأسئلة المتداولة والأجوبة

خصائص

مكون:
24 فبراير 10

اخر تحديث:
N / A

المتصفحات المتوافقة:
فايرفوكس، IE7، IE8، أوبرا، سفاري

وشملت ملفات:
CSS، HTML، جافا سكريبت JS

مكتبة JS:
النموذج 1.6، Script.aculo.us

كلمات البحث

التجارة الإلكترونية, التجارة الإلكترونية, جميع المواد, راية, انزلاق