مرکز آموزش
اسلایدشوی تصاویر (isl Slider)
بسم الله الرّحمن الرّحیم
ماژول اسلایدر، افزونهای است که تصاویر را به شکل اسلایدشو زیبایی به نمایش در میآورد. (برای مشاهده دمو کلیک کنید)
ساختهشده بر اساس wowslider.
چند ویژگی مهم در نسخه 0.7 و نسخههای جدیدتر:
- حالت ریسپانسیو
- افکتهای زیبا و متنوع (18 افکت) برای تغییر تصاویر
- دو افکت برای حرکت نوشتهها به هنگام تغییر هر تصویر
- مناسب برای تمامی مرورگرها (حتی اینترنت اکسپلورر 6!)
- تنظیمات فراوان برای دلخواه کردن ماژول
- دارای یک تم (تم کریستال)
- امکان افکت رندوم وجود ندارد
- نسخهی 4.7 wowslider
تنظیمات:
در بخش تنظیمات، دو قسمت وجود دارد: تنظیمات پایه و بخش تصاویر:
از تنظیمات مهم و اساسی در بخش اول میتوان موارد زیر را نام برد:
- (این قسمت برای نسخهی 1 و بالاتر نیاز نیست) آی دی (شناسه) اسلایدر: اگر از چند ماژول در یک صفحه استفاده میکنید، در هرکدام باید عدد متفاوتی در این قسمت بنویسید.
- انتظار: با فعال کردن این گزینه، تا زمانی که تصویر مورد نظر «لود» نشدهباشد، تصویر قبلی تغییر نمیکند و تنها یک علامت انتظار در وسط تصویر نمایش دادهمیشود. پیشنهاد میکنیم برای عملکرد بهتر اسلایدر، این گزینه را فعال نگاه دارید.
- عرض/ارتفاع تصاویر/تصاویرکوچک: اگر میخواهید اسلایدرتان بهترین عملکرد را از خود نشان دهد، این اعداد را دقیقاً مطابق با اندازه واقعی تصاویر و تصاویر کوچک قرار دهید. (تصاویر کوجک (تصاویر بندانگشتی thumbnails) تصاویری هستند که در صورت فعال کردن گزینه «نصویر کوچک بر روی کلید» یا انتخاب گزینه «تصویر کوچک» در «کلیدها» به شکل کوچکتر از تصویر اصلی نشان داده خواهندشد. شما باید از قبل، خودتان این تصویر را حسب سلیقه و نیازتان ایجاد نمایید)
- جی کوئری اسلایدر: اگر هر دلیلی جی کوئری با نسخه 1.7 یا بالاتر در صفحه مورد نظرتان لینک شدهاست، میتوانید برای جلوگیری از حجم بیشتر صفحه و ... این گزینه را غیرفعال نمایید.
افکتهای موجود برای حرکت تصاویر اسلایدر:
اما در بخش دوم (تصاویر) چند نکته را حتما مد نظر داشته باشید:
- شما میتوانید به تعداد نامحدود، به لیست اسلایدرتان تصویر جدید اضافه کنید. برای این کار از کلید + که در بالای این تنظیمات قرار دارد استفاده کنید.
- در هر تصویر، میتوانید دو نوشته که زیر هم دیدهخواهند شد بنویسید (عنوان و توضیحات). تنظیمات مربوط به این نوشتهها در بخش قبلی (تنظیمات اصلی) قابل تغییر است.
- (در نسخهی 1 و بعد از آن، قابلیت انتخاب تصویر اضافه شدهاست) آدرس (آدرس خود تصویر) و آدرس تصویر کوچک را همانطور که برای هر تصویری در کدهای html مینویسید وارد کنید. مثلا:
images/banners/banner1.jpg
یا:
http://site.com/wallpapers/wall1.png- اگر میخواهید تصاویر را در لیستتان جا به جا کنید، عدد «ترتیب» را تغییر دهید. پس از ذخیره، شاهد جا به جا شدن آنها خواهیدبود.
- اگر میخواهید بر تصویرتان آدرسی را لینک کنید، لینک مورد نظرتان را در قسمت «پیوند» وارد کنید و نوع لینک را در «هدف پیوند» مشخص نمایید (اینکه در پنجره جدید باز شود یا ...)
- (این قسمت برای نسخهی 1 و بالاتر نیاز نیست) و مهمتر از همه اگر میخواهید هر یک از این تغییرات (در بخش تصاویر) اِعمال و ذخیره شود، قبل از ذخیره، حتما بر روی کلید تیک (در بالای همین بخش و کنار کلید + قرار دارد) کلیک کنید، وگرنه تنظیماتی که وارد کردهاید پاک خواهندشد.
- برای حذف هر تصویر از لیست اسلایدر میتوانید بر روی کلید ضربدر زیری آن کلیک کنید.
یک نمونه از تنظیمات اسلایدری با دو تصویر: