ایجاد اسلایدر کاربر پسند با استفاده از پلاگین fotorama

jQuery   
18 ژانویه 2018   

لینک دانلود

برای ایجاد یک اسلایدر ساده و کاربردی و پیشرفته از پلاگین fotorama استفاده می کنیم برای آموزش این پلاگین جی کوئری آموزش را دنبال کنید.

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

پس با ما همراه باشید

نصب:

1-فایل بالا را بارگیری و استخراج کرده وپوشه های fotorama.css و fotorama.js به فایل های پروژه خودتون اضافه کنید و لینک فایل fotorama.css را در head به این صورت بدهید:

2-حالا لینک فایل fotorama.js را به سند خود اضافه کنید طبق معمول لینک فایل جی کوئری را هم بدهید(قبل از بادی)

استفاده:

1-حالا یک دایو ایجاد کرده با کلاس fotorama وعکس های خود را درون دایو بگذارید مانند زیر:

نکته: data-nav=thumbs عکس های کوچک را در زیر اسلایدر ایجاد می کند

و حالا لذت ببرید

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

لینک صفحه

امیدوارم این آموزش به دردتان خورده باشد

کل کدهای استفاده شده در این آموزش: