سلام دوستان.
من داخل 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>
حالا کد جاوا اسکریپت رو چطور بنویسیم که با کلیک روی هر عکس اون عکس داخل کادر اصلی نمایش داده بشه؟
من خودم اینجوری حل می کنم :
عکس بزرگه یک عکس مجزا هست و سه تای پایینی مجزا
موقع foreach برای هر عکس یک event کلیک در نظر بگیر
توی event کاری کن که از عکسی که روش کلیک شده src رو بگیره و src عکس بزرگ رو با اون یکی کنه
تمام .
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟