مد اختصاصی | SN34 - Awesome jQuery Slider

[سعید نظری 1,710]

نام فایل: SN34 - Awesome jQuery Slider

ارسال کننده: سـعـیـد نـظــری

فایل ارسال شده: يكشنبه ۱۶ آذر ۹۳ - ۱۱:۴۷

بخش فایل: مد های اختصاصی سری 3.4

نویسنده ی ماژول: سعید نظری

ورژن پشتيبانی شده: 3.4

نوع: افزونه

نام فارسی: اسلایدر حرفه ای تصاویر

با سلام خدمت کاربران و دوستان عزیز

 

خوب این ماژول اسلایدر رو من مدتی پیش به طور اختصاصی برای آی پی بورد نوشتم و برای فروش قرار داده بودم که مستحضر هستید و مطمئنا تاپیکش رو هم مشاهده کردید.

 

این یک حالت از چندین حالت این اسلایدر هست!

 

خوب ازونجا که به دلایل مشغله های زندگی ازین به بعد خیلی کمتر میرسم بیام سایت  و فعالیتم کمتر میشه و خیلی وقت بود فایلی براتون قرار ندادم تصمیم گرفتم تا اطلاع ثانوی این ماژول خودم رو که با قیمت 60 هزار تومن برای فروش گذاشته بودم  رو براتون اینجا قرار بدم و استفاده کنید.این ماژول با ذکر یک صلوات کاملا رایگان هست  

-------------------------

 

برای این اسلایدر تنظیمات بسیار زیاد و حرفه ای قرار دادم که به راحتی میتونید تغییرات مورد نظر را در این اسلایدر اعمال کنید.

 

کاملا ریسپانسیو هست و علاوه بر تنظیمات خیلی زیاد که راحت میتونید شخصی سازیش کنید این این اسلایدر در سرعت لود محتوای انجمن شما کاملا بی تاثیر هست.یعنی بعد از لود شدن محتوای انجمن این اسلایدر شروع به کار میکنه.

 

افکت های اسلایدر خیلی زیاد هست.حتی میتونید افکت رو روی حالت رندوم بذارید تا برای هر اسلایدر یه افکت جدا گونه نمایش داده بشه.

همچنین از jquery easing effect هم میتونید استفاده کنید.

 

تایمر هم به صورت حرفه ای داره و دو حالت هست یکی به صورت دایره ای که حتی میتونید شکلش رو تغییر بدید هم به صورت نواری که اون رو هم میتونید تغییر بدید.

 

حتی میتونید رنگ بک گراند و متون و نوع فونت و اندازه و کلفتی فونت رو در قسمت توضیحات شخصی سازی کنید.یا اینکه توضیحات رو غیر فعال کنید.

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

 

حتی میتونید تعیین کنید تصاویرتون در اندازه ی واقعیشون نمایش پیدا کنند و تنظیمات خیلی زیاد دیگه.

 

----------------------

 

73 تنظیم برای این اسلایدر برای راحتی کار شما تعبیه کردم.

 

 

در یکی از تصاویر پایین قرار داده شده

 

 

شرح تنظمیات اسلایدر:

GLOBAL SETTING

enable slider

فعال کردن اسلایدر

enable for guest

فعال کردن برای مهمان

enable jquery library

در صورتیکه کتابخانه ی جی کوئری در پوسته تون استفاده شده از قبل این رو میتونید بذارید روی no و اگر مشکلی دیدید بهتره بذارید روی yes تا اسلایدر به نحو احسن کار کنه.برای ساپورت بهتر و عدم تداخل این تنظیم رو قرار دادم و اتوماتیک هم میشد فهمید جی کوئری از قبل وجود داره یا نه و تنظیمات رو اعمال کرد.

auto start slideshow

تعیین شروع به کار اتوماتیک اسلایدر یا نه به طور دستی یعنی با کلیک روی دکمه ی play

enable navigation buttons

فعال کردن دکمه های اسلایدر (دکمه ی عقب و جلود و play و pause)

only show navigation buttons on hover

نشان دادن دکمه ها فقط در زمانی که موشواره رو روی اسلایدر میبرید?

enable pause/play button

فعال کردن دکمه ی play/pause?

pause on hover

استاپ شدن اسلایدر وقتی موشواره رو روی اسلایدر میبرید و اگر موشواره رو بردارید دوباره شروع به کار میکنه

pause on click

متوقف کردن حالت اتوماتیک اسلایدر با کلیک روی اسلایدر؟ برای ادامه حرکتش روی دکمهی play باید کلی ککنید

enable pagination

فعال کردن دکمه های دایره ای در پایین اسلایدر (با کلیک روی هر کدام به اسلایدر مورد نظر میرید)

show thumbnails

فعال کردن تصاویر بندانگشتی؟

1-در صورتی که enable pagination روی yes باشه با بردن موشواره روی اون دایره ها تصویر بند انگشتی از هر اسلایدر رو مشاهده میکنید

2-در صورتیکه enable pagination روی no باشه در پایین اسلایدر تصاویر بند انگشتی نشون داده میشن که با کلیک روی اونها میتونید به اسلایدر بعدی برید

-----------------------------------------

TRANSITION & EFFECT

transition effect

افکت مورد نظرتون رو میتونید قرار بدید از لیستی که براتون ساختم و افکت های که قرار دادم.

میتونید به صورت چندتایی هم استفاده کنید یعنی با کاما 3 تا افکت رو استفاده کنید یا مثلا 7 تا افکت رو

یا اینکه میتونید بذارید روی random

jquery easing effect

افکتی که برای خود این افکت ها به کار برده میشه.رجوع کنید به اینجا برای لیست کاملش:

http://jqueryui.com/demos/effect/easing.html

-----------------------------------------

CAPTION & CONTENT

caption background color

در قسمت پایین اسلایدر اگر caption رو فعال کنید تا متن مورد نظرتون رو نمایش بدید با این تنظیم میتونید رنگ بک گراند این قسمت رو از نامحدود رنگ انتخاب کنید.

caption font

فونت این متن رو میتونید هرچی دلتون خواست قرار بدید.میتونید به صورت چندتاییی هم فونت بذارید مثلا

byekan,tahoma,sans-serif

caption font-weight

ضخامت فوننتون.در اینجا میتونید فوننتون رو کلفت تر و یا نازک تر کنید.

caption font-size

سایز فونتتون برای متن هایی که قرار میدید

caption text color

رنگ متن ها که از نامحدود رنگ میتونید انتخاب کنید

-----------------------------------------

TIMER SETTINGS

choose a timer

انتخاب تایمر

1-pie که حالت دایره ای هست

2-bar که حالت نواری و پیمایشی داره.از راست یه نوار تا سمت چپ پر میشه و بعد پر شدن اسلاید میره روی بعدی

pie timer position

مکان تایمر pie میتونید تعییین کنید کجا نشون داده بشه

bar timer position

مکان تایمر bar میتونید تعییین کنید کجا نشون داده بشه.بالا یا پایین اسلایدر

pie timer diameter

در اینجا میتونید قطر تایمر pie رو تعیین کنید

timer stroke

ضخامت تایمر.میتونید به دلخواه تعیین کنید چقدر باشه.فقط توجه داشته باشید که مقدارش باید از نصف diameter که بالا تعیین کردید کمتر باشه (برای pie)

timer padding

در اینجا تعیین میکنید بین اون لودر یا همون نوار پیمایش و بک گراندش چند پیکسل فضا وجود داشته باشه

timer opacity

در اینجا میتونید تایمر رو شفاف کنید و حالت شیشه ای بدید. از 0 تا 1 که هرچی به 0 نزدیکرت باشه شفاف تر میشه و خود 0 عم که باعث میشه محو بشه.اعداد اعشاری هم میتونید بدید

timer color

رنگ خود نوار پیمایش تایمر

timer background color

رنگ بک گراند تایمر

time to show each slide

مدت زمان نمایش هر اسلایدر.به میلی ثانیه هست.هرچه بالاتر کند تر

transition period

مدت زمیان نمایش افکت های بین اسلایدر ها. به میلی ثانیه هست.هرچه بالاتر کند تر

-----------------------------------------

IMAGES SETTINGS

select images for slideshow

در اینجا از 10 عکسی که قرار دادم تعیین میکنید چند تا شون فعال و چندتا شون غیر فعال باشند و ...

image alignment

در اینجا تعیین میکنید که عکستون اگر از سایز اسلایدر بزرگتر بود چه قسمتی از عکس نشون داده بشه:

مثلا topleft باعث میشه قسمت بالا سمت چپ عکستون بیشتر مورد توجه باشه.یا مثلا center باعث میشه وسط در وسط عکستون نمایش پیدا کنه

portrait view

در این حالت میتونید تعیین کنید که عکس هاتون در سایز واقعی خودشون نشون داده بشن در اسلایدر و scale نشن

slider height

در اینجا ارتفاع اسلایدر رو تعیین میکنید.دیفالت من 500پیکسل قرار دادم.میتونید به دلخواه بذارید

-----------------------------------------

#IMAGE

image link/path

در اینجا میتونید ادرس عکس از هاست یا اینکه لینکش رو از ها توی اینترنت قرار بدید

thumb image link/path

در اینجا میتونید ادرس عکس های بند انگشتی رو از هاست یا اینکه لینکش رو از ها توی اینترنت قرار بدید

enable caption

فعال کردن قسمت توضیحات برای هر اسلایدر

caption content

محتوای هر اسلایدر که میتونید تن مورد نظر خودتون رو اضافه کنید.

-------------------------------------------

 

این ماژول توسط 5 نفر تست شده و کاملا سالم هست و کار میکنه.

 

آموزش نصب:

 

در فایل دانلودی بعد از اکسترکت کردن یک پوشه به اسم upload میبینید و یک هوک به اسم saeednazari_ajs.xml

محتویات پوشه ی upload رو در روت انجمنتون اکسترکت کنید.(یعنی دوتا فولدر public و saeednazari)

سپس اون فایل saeednazari_ajs.xml رو مثل سایر هوک هایی که نصب کردید از قسمت هوک ها نصب کنید.

 

تصاویر هم در همون پوشه ی saeednazari هستند.

saeednazari/snslider/slides

 

اون پوشه ی thumbs هم برای تصاویر بنداگشتی هست(در صورت فعال کردن پایین اسلایدر های اصلی نشون داده میشه).توصیه میشه برای کند نشدن بارگذاری اسلایدر تصاویر بنداگشتی عکسهایی که برای اسلایدر میخواید بگذارید سایزش رو کوچیک کنید.مثلا به 100*75 پیکسل ریسایز کنید.

 

هر کجا گنگ بود در تاپیکش فیدبک بدید با اینکه کمتر میرسم ولی پشتیبانی خواهم کرد.

تاپیک پشتیبانی ماژول اسلایدر حرفه ای Saeed Nazari Awesome jQuery Slider 

 

برای دریافت فایل اینجا را کلیک کنید

[قــربـانـپور 114]

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

 

حرکت بسیار عالی و سخاوتمندانه ... مثل همیشه البته .

[سعید نظری 1,710]

خیلی ممنون.فقط یه نکته ای رو باید ذکر کنم که این مال چند ماه پیش هست ازونجا که برای مازول های اختصاصی از امروز تاپیکشون فعال شده تاریخ رو از امروز زده.

[DeMoN 0]

سلام چجوری میشه فقط واسه صفحه اصلی انجمن فعالش کرد؟