اسلایدشو با افکت چرخشی – Carousel Slideshow

1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره (بدون امتیاز)
Loading...

ابتدا فایل ضمیمه را دانلود کرده و در قسمت head صفحه فراخوانی نمایید.

محتوای این اسلایدشو به صورت جاوا اسکریپت می باشد که در قسمت body مطابق کد نمونه قرار می گیرد.

این اسکریپت دارای ۴ بخش قابل ویرایش می باشد:

۱- تنظیمات مربوط به حرکت اسلایدر: عددهای که با رنگ قرمز در کد نمونه مشخص شده اند به ترتیب از بالا به پایین عبارتند از:

width:250 ==> پهنای تصاویر
height:250 ==> ارتفاع تصاویر
sides:6 ==> تعداد ضلع های اسلایدشو که نیمی از آن در جلو و نیمی دیگر در پشت قرار گرفته و به صورت چرخشی حرکت می کنند
steps:32 ==> فریم حرکت اسلایدشو که چه عدد بالاتر باشد، حرکت نرم تر خواهد بود.
speed:3 ==> سرعت حرکت
direction:’left’ ==> جهت حرکت که مقادیر left، right و top را می توانید اختصاص دهید.

۲- تصاویر: قسمت بعدی مسیر تصاویر اسلایدشو است که می توانید مسیر آنها را مطابق کد نمونه (بخش آبی رنگ) وارد نمایید.

۳- لینک تصاویر: قسمت بعدی لینک تصاویر (بخش آبی رنگ در کد نمونه) است که باید وارد نمایید در صورت عدم نیاز به داشتن لینک، آیتم مربوطه را خالی رد نمایید.

۴- عنوان تصاویر: قسمت آخر عنوان یا توضیح لینک ها می باشد که می توانید در صورت نیاز وارد کرده یا خالی رد نمایید.

image_border_width:1 ==> تنظیم پهنای حاشیه تصاویر
image_border_color:’#666′ ==> تنظیم رنگ حاشیه تصاویر

توجه: تعداد عکس های تعریف شده نباید کمتر از تعداد ضلع های اسلایدشو باشند. یعنی مقدار sides باید بزرگتر یا مساوی تعداد تصاویر باشد.

پیش نمایش

Print Friendly, PDF & Email

فایل های پیوست