نمایش نتایج 1 تا 19 از 19

نام تاپیک: مشکل با carousel در حالت داینامیک در لاراول

Threaded View

پست قبلی پست قبلی   پست بعدی پست بعدی
  1. #1
    کاربر دائمی آواتار pary_daryayi
    تاریخ عضویت
    آذر 1391
    محل زندگی
    گرگان
    پست
    375

    مشکل با carousel در حالت داینامیک در لاراول

    سلام دوستان . من یک سری محصولات دارم که بصورت thumbnil و بزرگ در قالب اسلایدر نمایش داده میشه . ولی تو حلقه بخاطر وجود active با مشکل روبرو میشم.

    این کد رو میخوام داینامیک کنم .


    <div id="carousel-thumb" class="carousel slide carousel-fade carousel-thumbnails" data-ride="carousel">
    <!--Slides-->
    <div class="carousel-inner" role="listbox">
    <div class="carousel-item active">
    <img class="d-block w-100" src="1.jpg" alt="First slide">
    </div>
    <div class="carousel-item">
    <img class="d-block w-100" src="2.jpg" alt="Second slide">
    </div>
    <div class="carousel-item">
    <img class="d-block w-100" src="3.jpg" alt="Third slide">
    </div>
    </div>
    <!--/.Slides-->
    <!--Controls-->
    <a class="carousel-control-prev" href="#carousel-thumb" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carousel-thumb" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
    </a>
    <!--/.Controls-->
    <ol class="carousel-indicators">
    <li data-target="#carousel-thumb" data-slide-to="0" class="active"> <img class="d-block w-100" src="1_thumb.jpg"
    class="img-fluid"></li>
    <li data-target="#carousel-thumb" data-slide-to="1"><img class="d-block w-100" src="2_thumb.jpg"
    class="img-fluid"></li>
    <li data-target="#carousel-thumb" data-slide-to="2"><img class="d-block w-100" src="3_thumb.jpg"
    class="img-fluid"></li>
    </ol>
    </div>


    به این شکل تغییر دادم ولی مشکل داره .

    <div id="carousel-thumb" class="carousel slide carousel-fade carousel-thumbnails" data-ride="carousel">
    <!--Slides-->
    <div class="carousel-inner" role="listbox">
    <?php $i=0; ؟>

    @foreach( $product->images as $image)
    <?php $i++; ?>

    <div class="carousel-item <?php echo ($i==1 )?'active':'' ?>">
    <img class="d-block w-100" src="{{$image_path}}" alt="First slide">
    </div>


    @endforeach
    </div>
    <!--/.Slides-->
    <!--Controls-->
    <a class="carousel-control-prev" href="#carousel-thumb" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carousel-thumb" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
    </a>
    <!--/.Controls-->
    <ol class="carousel-indicators">
    <?php $x=0; ?>
    @foreach( $product->images as $image)
    <?php $x++;?>

    <li data-target="#carousel-thumb" data-slide-to="{{$x}}" class="<?php echo ($x==1 )?'active':'' ?>"> <img class="d-block w-100" src="{{$image_path}}"></li>
    @endforeach
    </ol>
    </div>
    <!--/.Carousel Wrapper-->
    آخرین ویرایش به وسیله pary_daryayi : دوشنبه 28 مهر 1399 در 09:11 صبح

تاپیک های مشابه

  1. سوال: مشکل عمودی موندن اسلایدر انجام شده با پلاگین carousel owl
    نوشته شده توسط mahdi.021 در بخش طراحی وب (Web Design)
    پاسخ: 0
    آخرین پست: شنبه 02 شهریور 1398, 12:58 عصر
  2. سوال: مشکل اسلایدشو owl carousel با bootstrap
    نوشته شده توسط crafcrab در بخش jQuery
    پاسخ: 2
    آخرین پست: شنبه 02 مرداد 1395, 00:35 صبح
  3. داینامیک کردن bootstrap carousel
    نوشته شده توسط hossein_va در بخش طراحی وب (Web Design)
    پاسخ: 0
    آخرین پست: شنبه 11 بهمن 1393, 13:22 عصر
  4. سوال: ساخت Carousel سفارشی
    نوشته شده توسط Bardiyan در بخش طراحی وب (Web Design)
    پاسخ: 1
    آخرین پست: دوشنبه 22 اردیبهشت 1393, 10:16 صبح
  5. سوال: چگونگی ساخت Carousel
    نوشته شده توسط Golsha در بخش jQuery
    پاسخ: 1
    آخرین پست: جمعه 05 شهریور 1389, 09:53 صبح

قوانین ایجاد تاپیک در تالار

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •