Multiple slider با حلقه foreach
https://lamtakam.com/qanda/2965/Multiple-slider-با-حلقه-foreach 1سلام دوستان
من میخوام با لاراول و بوت استرپ 4 multiple carousel درست کنم مثل این
اما من درست کردم اما حلقه foreach گیر کردم و نمیدونم با این حلقه چه کار کنم.
<div class="row">
<div class="bd-example">
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
@foreach($galleries as $value)
<li data-target="carouselExampleCaptions" data-slide-to="{{ $loop->index }}" class="{{ $loop->first ? 'active' : '' }}"></li>
@endforeach
</ol>
<div class="carousel-inner">
@foreach($galleries->chunk(4) as $galleryCollection)
<div class="carousel-item {{ $loop->first ? 'active' : '' }}">
@foreach ($galleryCollection as $gallery)
<div class="col-md-3">
<img src="{{ asset('public/images/galleries/'.$gallery->image) }}" class="d-block w-100">
</div>
@endforeach
</div>
@endforeach
</div>
<a class="carousel-control-prev" href="carouselExampleCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="carouselExampleCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>یه همچین چیزی https://jsfiddle.net/irankhosravi/k7wpszuy/ . ولی من میخوام با اسنفاده از حلقه foreach@ اطلاعات را از دیتابیس بگیرم و در سایت نمایش بدهد. این کد jsfiddle فقط برای html ساده است
من اطلاعات را از دیتابیس بگیرم و در carousel نمایش بدهد.
هر کاری کردم نشد در اینترنت هر چی گشتم پیدا نکردم قدردانی میشود اگر به سوال من پاسخ دهید.
| اگه بتونید برای اینجور سوالاتی که کاملا کلاینتی هستن یه نمونه آنلاین هم بزارید توی مثلا jsfiddle خیلی سریع تر و نزدیک تر به اون چیزی که میخواید جواب میگیرید. پیشنهاد میکنم سوالتون رو ویرایش کنید و یه دمو ازش بزارید و روی اون بخواید که مشکلتون رو حل کنن. البته اینکه کد رو هم ضمیمه میکنید خیلی خوبه، ولی با اون دمو (یا همون نمونه عملی) خیلی زودتر جواب میگیرید معمولا (طبق تجربه شخصی خودم میگم) ــ ساناز رضایی در 5 سال قبل | |||
| من پست خود را بروزرسانی کردم ــ Mahmoud Khosravi در 5 سال قبل | |||
| @ساناز.رضایی من پست خود را بروزرسانی کردم مگر نگفتی در jsfiddle نمونه درست کن خب درست کردم کو جواب؟ استرس دارم ــ Mahmoud Khosravi در 5 سال قبل | |||
خب، من الان jsfiddle شما رو بررسی کردم و متوجه شدم؛ سوال اول من این هست که شما الان هدفتون هست که محتوای هر اسلاید رو (که توی مثالتون 1، 2، 3 .. 8) هست رو از دیتابیس بگیرید و با یه حلقه بشونیدش توی اسلایدر، درسته؟ خب طبق کدی که الان من توی سوالتون دارم میبینم، یه @foreach تعریف کردید خودتون که، مشکلتون کجاست الان دقیقا؟ ــ ساناز رضایی در 5 سال قبل |
|||
| مشکل اینجاست که چرا حرکت نمیکنه؟ اصلا این کدها را که ببری تو پروژه تون با bootstrap را که فراخوانی کنی اجرا میشود. ــ Mahmoud Khosravi در 5 سال قبل | |||
| توی اون jsfiddleی که دادید وقتی من روی فلش های سمت راست یا چپ کلیک میکنم اسلایدر به خوبی حرکت میکنه. لطفا شفاف بفرمایید چه چیزی قابل انتظار هست که الان رخ نمیده؟ انتظار دارید اگه روی فلش ها هم کلیک نشد هر چند ثانیه یه بار اسلایدر به صورت چرخشی حرکت بکنه؟ ــ ساناز رضایی در 5 سال قبل | |||
| 2 | نه حرکت میکنه ولی من میخوام یکی یکی حرکت کنه و الان چهارتاچهارتا حرکت میکنه ــ Mahmoud Khosravi در 5 سال قبل | ||
| آها، خب چرا از multi-itemش استفاده نمیکنی؟ مثل این - اینم از نمونه کدش ــ ساناز رضایی در 5 سال قبل |
حمایت پولی از این سوال به منظور ترغیب اساتید این زمینه در راستای دریافت پاسخ (های) تخصصی تر، بهتر و دقیق تر
