با سلام.
یک slider دارم که می خوام داینامیک باشه. عکساش از دیتابیس خوانده شود.
مدیر سایت بتونه عکس جدید آپلود کنه و در اسلایدر نشان داده شود.
مدیر بتونه بگه بجای عکس دوم فلان عکس نمایش داده شود
لطفا راهنمایی کنید
با تشکر
شما ابتدا یک اسلایدر پیدا کنید و دانلود کنید
سپس باید تصاویر را در پنل مدیریت دریافت و در بانک مشخصات آن را ذخیره کنید
سپس در ویو از بانک خوانده و با استفاده از یک حلقه تکرار کنید
برای اولویت نمایش هم میتونید یک عدد بعنوان order بگیرید مرتب سازی را براساس این عدد انجام دهید
من از یک قال آماده استفاده می کنم که کد قسمت view آن بصورت زیر می باشد.
<div class="fullwidthbanner-container"> <div class="fullwidthbanner"> <ul> <!-- THE FIRST SLIDE --> <li data-transition="slotfadevertical" data-slotamount="10" data-masterspeed="5000" data-thumb="~/Content/Home/Two/images/natural-slider.jpg"> <!-- THE MAIN IMAGE IN THE FIRST SLIDE --> <img src="~/Content/Home/Two/images/1.jpg" data-fullwidthcentering="on" alt="natural-slider"> <!-- THE SECOND SLIDE --> <li data-transition="slideup" data-slotamount="15" data-masterspeed="5000" data-delay="9400" data-thumb="~/Content/Home/Two/images/pixel-city-slider.jpg"> <img src="~/Content/Home/Two/images/2.jpg" data-fullwidthcentering="on" alt="pixel-city-slider"> </li> <li data-transition="slideright" data-slotamount="1" data-masterspeed="300" data-thumb="~/Content/Home/Two/images/project-400-slider.jpg"> <img src="~/Content/Home/Two/images/3.jpg" data-fullwidthcentering="on" alt="project-400-slider"> </li> </ul> <div class="tp-bannertimer"></div> </div> </div>
لطقا راهنمایی نمایید
میتونید li ها را با foreach تکرار کنید و تصاویر خودتون رو قرار بدید
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)