PDA

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : اسکریپت گالری سویپ مثل اینستاگرام (جاوا اسکریپت)



be099
April 8th, 2020, 06:37
https://raw.githubusercontent.com/vladimirnetworks/SwiperBox/master/demo.gif
این اسکریپت هم با ماوس کار میکنه هم تاچ
کار باهاش خیلی سادس میتونید توی وبسایت یا وب اپلیکیشنتون استفاده کنید خیلی سبکه نیاز به jquery یا انگولار جی اس نداره
قابل استفاده توی انگولار هم هست توی وب و کلا هرجا که جاوا اسکریپت باشه
ریسپانسیوه
event های کلیک و سویپ هم داره
قابلیت نتظیم ratio یا نسبت نصویر برای حالت ریسپانسیو هم داره

به سادگی زیر قابل صدا زدنه

var mySwipe = new SwiperBox({
items:
[
'<div class="myitem"><img src="https://raw.githubusercontent.com/vladimirnetworks/SwiperBox/master/potato.jpg" /></div>',
'<div class="myitem"><img src="https://raw.githubusercontent.com/vladimirnetworks/SwiperBox/master/tomato.jpg" /></div>',
'<div class="myitem"><img src="https://raw.githubusercontent.com/vladimirnetworks/SwiperBox/master/jason2.jpg" /></div>'
]

});

یه آبجکت html خروجی میده که هرکاری بخواین میتونید باهاش بکنید ورودی علاوه بر متن html آبجکت هم میگیره
خیلی راحت میتونید بهش استایل بدید با انگولار یا jquery کانکت کنید
سورسشو خیلی ساده نوشتم که بشه راحت دسکاری کرد ...

https://github.com/vladimirnetworks/SwiperBox