جی کوئری اسلایدشو

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

فایل ضمیمه را از انتهای همین بخش دانلود و به ترتیب زیر عمل نمایید:
کد را مطابق نمونه در دو بخش head و body صفحه قرار دهید. مسیر فایل های فراخوانی شده در قسمت head را در صورت لزوم اصلاح نمایید. سعی کنید از فایل جی کوئری اسلایدر استفاده نمایید. در صورت استفاده از جی کوئری نسخه های بالاتر عملکرد آن را روی اسلایدر بررسی نمایید. در صورت تکثیر اسلاید شو در صفحه، از آن بخش از کد که در بخش Body قرار گرفته است یک کپی گرفته و در بخش مورد نظر صفحه قرار داده، سپس مطابق کد نمونه قسمت های آبی رنگ را که همان id اسلایدر هستند به نام جدید (مثلا: slider2) تغییر دهید.
جهت درج توضیحات روی اسلاید، پس از تصویر هر اسلاید یک تگ باز کرده و داخل آن توضیحات را بنویسید. (مطابق توضیحات اسلاید ۱ در کد نمونه)

جهت انجام تنظیماتی از قبیل: پهنا، ارتفاع، میزان تاخیر بین هر اسلاید، شفافیت رنگ زمینه دکمه های کناری و توضیحات اسلاید ها ، نمایش یا عدم نمایش دکمه های کنترل و … کد زیر را در انتهای فایل coin-slider.min.js بیابید و مقادیر آن را به دلخواه تغییر داده و تنظیم نمایید.

defaults={width:565,height:290,spw:7,sph:5,delay:3000,sDelay:30,opacity:0.7,titleSpeed:500,effect:”,navigation:true,
links:true,hoverPause:true}

فایل CSS این اسکریپت بسیار ساده بوده و به راحتی می توانید به سلیقه خود تغییرات لازم را در آن اعمال نمایید.
تعداد فریم ها با افزایش تصاویر بیشتر به طور خودکار افزایش می یابند.

پیش نمایش

Print Friendly, PDF & Email

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