نیما - ش
3 سال پیش توسط نیما - ش مطرح شد
4 پاسخ

تعیین ترتیب عکس های گالری با دراگ دراپ

دوستان سلام،
من در حال طراحی یک گالری تصاویر هستم بوسیله ی php ، به این صورت که کاربر تو بک اند میتونه عکس ها رو آپلود کنه و در فرونت اند نمایش داده میشه!
گالری توی بک اند به این صورته توضیح تصویر رو وارد کنید. میخوام به روشی این رو تغییر بدم که کاربر بتونه ترتیب نمایش عکس ها رو بوسیله دراگ اند دراپ تغییر بده ، مثلا عکس سوم رو بکشه به جای عکس اول و در فرونت اون عکس اولین عکس باشه که نمایش داده میشه!
دوستان تجربه ای دارند در این مورد؟ که چطور میشه انجام داد؟ ممنون میشم


ثبت پرسش جدید
سید حسین رضوی
تخصص : برنامه نویس وب و طراح رابط کار...
@hossein.r.1442 3 سال پیش مطرح شد
1

ببنید شما با استفاده از گرید یه همچین طرحی رو ساختین حالا توی یوتیوب سرچ کنید درگ و دراپ با جاوا اسکریپت تا فرانت کار رو حل کنید
برای بک اند هم یه ستون به جدول اضافه کنید مثلا sort بعد موقع درگ کردن این عدد هم مرتب کنید و اون طرف هم موقعی که می خواین داده ها رو از دیتابیس بخونید بر اساس اون ستون مرتب کنید
توی دوره پروژه محور جاوااسکریپت راکت هم یه پروژه در رابطه با لیست قابل درگ و دراپ شدن وجود داره اونم اگه ببینید خوبه


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش مطرح شد
3

من مشابه همین کار رو دقیقا با استفاده از کتابخانه sortable.js انجام دادم و از خروجیش به شدت راضیم.

یک سر به سایتش و قسمت مثال هاش بزنید. یکی از زیر مجموعه هاش بنام Grid هست و میتونید دمویی از نتیجه نهایی رو مشاهده کنید:
https://sortablejs.github.io/sortablejs/#grid


نیما - ش
تخصص : برنامه نویس وب
@nimageneral 3 سال پیش مطرح شد
0

ممنونم حسین جان خیلی لطف کردی @hossein.r.1442
محمد حسن عزیز ممنونم، خیلی کتابخونه ی خوبی هست ، لطف کردی
سعی میکنم از همین استفاده کنم @mhyeganeh


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 3 سال پیش مطرح شد
0

@nimageneral
موفق باشید 💪


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام