slid show

1 ماه پیش
توسط سیدعلی موسوی آپدیت شد
mozhgan ( 1200 تجربه )
1 ماه پیش

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

سیدعلی موسوی ( 51286 تجربه )
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>
میلاد ( 114680 تجربه )
1 ماه پیش
تخصص : طراح رابط کاربری - Front-End

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

mozhgan ( 1200 تجربه )
1 ماه پیش

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

سیدعلی موسوی ( 51286 تجربه )
1 ماه پیش
تخصص : سی شارپ و پی اچ پی

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

میلاد ( 114680 تجربه )
1 ماه پیش
تخصص : طراح رابط کاربری - Front-End

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

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

mozhgan ( 1200 تجربه )
1 ماه پیش

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

mozhgan ( 1200 تجربه )
1 ماه پیش

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

سیدعلی موسوی ( 51286 تجربه )
1 ماه پیش
تخصص : سی شارپ و پی اچ پی

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

mozhgan ( 1200 تجربه )
1 ماه پیش

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

برای ارسال پاسخ باید وارد سایت شوید