مرجع تخصصی برنامه نویسان

بزرگترین انجمن برنامه نویسان فارسی زبان

ایجاد اسلایدر داینامیک

دوشنبه, 30 فروردین 1395 14:09

ایجاد اسلایدر داینامیک

با سلام.

یک slider دارم که می خوام داینامیک باشه. عکساش از دیتابیس خوانده شود.

مدیر سایت بتونه عکس جدید آپلود کنه و در اسلایدر نشان داده شود.

مدیر بتونه بگه بجای عکس دوم فلان عکس نمایش داده شود

لطفا راهنمایی کنید

با تشکر

 

دوشنبه, 30 فروردین 1395 14:35

شما ابتدا یک اسلایدر پیدا کنید و دانلود کنید

سپس باید تصاویر را در پنل مدیریت دریافت و در بانک مشخصات آن را ذخیره کنید

سپس در ویو از بانک خوانده و با استفاده از یک حلقه تکرار کنید

برای اولویت نمایش هم میتونید یک عدد بعنوان order بگیرید مرتب سازی را براساس این عدد انجام دهید

دوشنبه, 30 فروردین 1395 14:49

من از یک قال آماده استفاده می کنم که کد قسمت 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>

لطقا راهنمایی نمایید

دوشنبه, 30 فروردین 1395 14:59

میتونید li ها را با foreach تکرار کنید و تصاویر خودتون رو قرار بدید

ارسال پاسخ برای این تاپیک

ارسال پاسخ مخصوص اعضا سایت می باشد ! میتوانید با حساب کاربری خود وارد سایت شده یا ثبت نام کنید