راکت

slid show

9 پاسخ

سلام خسته نباشید .. برای اینکه اسلاید شو من به صورت پویا باشه تا هر دفعه عکس ها خودشون تغییر کنن باید چی کار کنم و چه کدی بنویسم ؟

ثبت پرسش جدید

پاسخ‌ها

9
سیدعلی موسوی
سیدعلی موسوی
@juza66

تخصص: سی شارپ و پی اچ پی

شما یک جدول ایجاد میکنی مثلا Slider
ستون هاش براساس اسلایدرت میسازی مثلا link_url، title ، image_url
و برای نمایش هم میتونی از foreach استفاده کنی

مثال اسلایدر بوتسرپ

<div id="slider" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <?php $i = 0 ?>
                @foreach ($sliders as $slider)
                    <li data-target="" data-slide-to="<?php echo $i; ?>" class="<?php if($i == 0) echo 'active' ?>"></li>
                    <?php $i++ ?>
                @endforeach
            </ol>
            <div class="carousel-inner">

                    <?php $item = 0 ?>
                    @foreach ($sliders as $slider)
                        <div class="carousel-item <?php if($item == 0) echo 'active' ?>">
                            <a href="https://roocket.ir/{{$slider->link_url}}"><img class="d-block w-100" src="{{$slider->image_url}}" alt="{{$slider->title}}"></a>
                        </div>
                        <?php $item++ ?>
                    @endforeach

            </div>
            <a class="carousel-control-prev" href="https://roocket.ir/pouyanesh_slider" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">به عقب</span>
            </a>
            <a class="carousel-control-next" href="https://roocket.ir/pouyanesh_slider" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">به جلو</span>
            </a>
            </div>
میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

منظورتون از نمایشگر پویا چیه؟
منظورتون اینه که عکس ها حرکت کنند؟
یا اینکه عکس ها رو از سرور بگیرید و بروز رسانی کنید؟

شاید پاسخ شما همین‌جا باشد

mozhgan
mozhgan
@mozhgan.ne

@milad
منظورم اینه که عکس ها خودشون عوض بشن ...به صورت دستی خودمون عکس وارد نکنیم .. هر دفعه عکس جدید وارد اسلاید شو بشه

سیدعلی موسوی
سیدعلی موسوی
@juza66

تخصص: سی شارپ و پی اچ پی

منظور شما اینه که چطوری اسلاید شو درست کنی؟!
یا از دیتایس بخونی؟!

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

اینجور نمایشگرها رو بهتره که از کدهای آماده ای که براش نوشته شده استفاده کنید. نوشتن کد واسشون ممکن هستش، ولی ارزش نداره، چون پیچیدگیش بیشتر از حد متوسط بحساب میادش.

یک نمونه افزونه پرکاربرد و مفید براتون:
https://owlcarousel2.github.io/OwlCarousel2/index.html
و یا:
http://sachinchoolur.github.io/lightslider/

mozhgan
mozhgan
@mozhgan.ne

@juza66
سلام میخوام از دیتابیس بخونه ؟هر دفعه یه سری عکس باشه

mozhgan
mozhgan
@mozhgan.ne

@milad
ممنون ..اینو باید چه طوری استفاده کنم ؟ باید دانلود کنم و در کدوم پوشه قرار بدم؟

سیدعلی موسوی
سیدعلی موسوی
@juza66

تخصص: سی شارپ و پی اچ پی

خب پاسخ رو دادم بالاتر
شما یک جدول ایجاد میکنی ادرس عکس هات رو ذخیره میکنی و تویی قالبت یک حلقه قرار میدی که از دیتابیس بخونه و اون خطهای اسلایدشو رو بوجود بیاره یک خط بالاتر هم گذاشتم اولی که ساخته میشه تویی HTML یک کلاس اکتیو بده که از اول شروع کنه.

mozhgan
mozhgan
@mozhgan.ne

@juza66
ببخشید واقعا ... الان من داخل دیتابیسم یه جدول درست کردم که عکس هامو ذخیره کنه و بعد در کدphp خودم اون کد بالا را نوشتم

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام