Armin Rahmati
3 سال پیش
توسط Armin Rahmati
مطرح شد
گالری محصولات
سلام دوستان.
من داخل single page هر محصول عکس ها رو به صورت زیر نمایش میدم.
و کدش هم به صورت زیر هست: (لاراول)
<div class="col-md-5">
<div class="single-product-img">
@if($product->gallery()->exists())
<img src="/{{ $product->gallery()->get()->first()->image }}" alt="">
@else
<img src="{{ asset('assets/img/null_image.png') }}" alt="">
@endif
</div>
<br>
<div class="row justify-content-center">
@foreach($product->gallery as $gallery)
<div class="col-lg-3">
<img src="/{{ $gallery->image }}">
</div>
@endforeach
</div>
</div>حالا کد جاوا اسکریپت رو چطور بنویسیم که با کلیک روی هر عکس اون عکس داخل کادر اصلی نمایش داده بشه؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
نیما
تخصص :
جوجه برنامه نویسی که میخواد فو...
@Nima.nori
3 سال پیش
مطرح شد
جوجه برنامه نویسی که میخواد فول استک بشه !
گزارش تخلف
کپی کردن
0
من خودم اینجوری حل می کنم :
عکس بزرگه یک عکس مجزا هست و سه تای پایینی مجزا
موقع foreach برای هر عکس یک event کلیک در نظر بگیر
توی event کاری کن که از عکسی که روش کلیک شده src رو بگیره و src عکس بزرگ رو با اون یکی کنه
تمام .