راکت

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

4 پاسخ

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

نیما  ش
نیما ش
@nimageneral
ثبت پرسش جدید

پاسخ‌ها

4
سید حسین رضوی
سید حسین رضوی
@hossein.r.1442

تخصص: برنامه نویس وب و طراح رابط کاربری

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

محمدحسن یگانه
محمدحسن یگانه
@mhyeganeh

تخصص: Full-Stack Web Developer Freelancer

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

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

شاید پاسخ شما همین‌جا باشد

نیما  ش
نیما ش
@nimageneral

تخصص: برنامه نویس وب

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

محمدحسن یگانه
محمدحسن یگانه
@mhyeganeh

تخصص: Full-Stack Web Developer Freelancer

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

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

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