mozhgan
4 سال پیش توسط mozhgan مطرح شد
9 پاسخ

slid show

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


ثبت پرسش جدید
سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش آپدیت شد
1

شما یک جدول ایجاد میکنی مثلا 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="{{$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="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="pouyanesh_slider" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">به جلو</span>
            </a>
            </div>

میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

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


mozhgan
@mozhgan.ne 4 سال پیش مطرح شد
0

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


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش آپدیت شد
0

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


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 4 سال پیش مطرح شد
0

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

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


mozhgan
@mozhgan.ne 4 سال پیش مطرح شد
0

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


mozhgan
@mozhgan.ne 4 سال پیش مطرح شد
0

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


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 4 سال پیش آپدیت شد
1

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


mozhgan
@mozhgan.ne 4 سال پیش مطرح شد
0

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


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

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