اضافه کردن یک تصویر به تصویر قبلی
سلام به همه شما عزیزان
من برای پروژه عکس زیر طراحی کردم.
این برای نمونه تستی من است. که میخواد مثلا روی کشتی کلیک کرد کشتی اضافه کنه یعنی هم کشتی را داشته باشیم و هم صندلی را. الان اینطوری نیست که هم کشتی بیاره و هم صندلی. عوض میشه یعنی صندلی هست و وقتی روی کشتی کلیک میکنیم صندلی حذف میشه کشتی به جای صندلی خواهد بود. من نمیخوام صندلی حذف بشه میخوام هم صندلی باشه و هم کشتی.
خیلی راحت توضیح دادم.
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام
-دوست عزیز شما میتونید با قرار دادن ایتم هاتون داخل ارایه از ابجکت ها و فانکشن push() مشکل تان را حل کنید و ارایه که ایتم را داخلش فرستادید را با loop نمایش بدید.
-یا اینکه ایتم ها را از قبل تعریف کنید با display: none; و با کلیک کردن روی هرعکس display: block; کنید
مثال برای شکل ارایه :
ای دی : برای یونیک(خاص) بودن ایتم هات
اسم : برای عکس
المنت : برای انتخاب المنت ها وقتی کلیک میشه
و اخری هم ادرس عکس برای نمایش
const items = [
{
id: 1,
name: "sandali",
element: "img-01",
url: "images/01.jpg"
},
{
id: 2,
name: "keshti",
element: "img-02",
url: "images/02.jpg"
},
{
id: 3,
name: "miz",
element: "img-03",
url: "images/03.jpg"
},
{
id: 4,
name: "cheragh",
element: "img-04",
url: "images/04.jpg"
},
]
const DisplayItems = [
{
id: 1,
name: "sandali",
element: "img-01",
url: "images/01.jpg"
},
{
id: 3,
name: "miz",
element: "img-03",
url: "images/03.jpg"
},
]