تمرير البيانات إلى Bootstrap carousal

كيف يمكنني تمرير البيانات والصور من الكنترولر إلى قالب البليد لعرضها في bootstrap carousal

كيف يمكنني تمرير البيانات والصور من الكنترولر إلى قالب البليد لعرضها في bootstrap carousal


3 Comments


  • Abdel Aziz Hassan
    Abdel Aziz Hassan 2017-09-21 17:57:02

    هتعمل foreach عادي جدا وهتحط مسار image في li الخاصة بالصورة في
    bootstrap carousal
    ذي الكود ده

    <div id=\"myCarousel\" class=\"carousel slide\" data-ride=\"carousel\">
    
    
        <!-- Wrapper for slides -->
                         <div class=\"carousel-inner\" role=\"listbox\">
    
    @foreach($image as $img)
    <div class=\"item active\">
        <img src=\"{{ $img }}\" alt=\"Chania\">
        </div>
            
    @endforeach        
    
    
        </div>
    
        <!-- Left and right controls -->
    <a class=\"left carousel-control\" href=\"#myCarousel\" role=\"button\" data-slide=\"prev\">
        <span class=\"glyphicon glyphicon-chevron-left\" aria-hidden=\"true\"></span>
        <span class=\"sr-only\">Previous</span>
        </a>
        <a class=\"right carousel-control\" href=\"#myCarousel\" role=\"button\" data-slide=\"next\">
        <span class=\"glyphicon glyphicon-chevron-right\" aria-hidden=\"true\"></span>
        <span class=\"sr-only\">Next</span>
        </a>
  • ابوبكر البكري
    ابوبكر البكري 2017-09-21 17:57:02

    الى حد هنا كل شي صحيح لكن بالفقرة الثانية اللي تحط فيها التعليق تحصل المشكلة, شوف الكود

    <div class=\"carousel slide\" data-ride=\"carousel\" id=\"quote-carousel\">
                            @foreach($customers as $customer)
                            <ol class=\"carousel-indicators\">
                                <li data-target=\"#quote-carousel\" data-slide-to=\"{{$says -> id}}\" class=\"active\"><img class=\"img-responsive \" src=\"{{asset(\'storage/\').\'/\'.$customer -> image}}\" alt=\"\">
                                
                            </ol>
                            <div class=\"carousel-inner text-center\">
                                <div class=\"item active\">
                                    <blockquote>
                                        <div class=\"row\">
                                            <div class=\"col-sm-8 col-sm-offset-2\">
                                                <p>{{$customer -> said}}</p>
                                                <small>{{$customer -> name}}</small>
                                            </div>
                                        </div>
                                    </blockquote>
                                </div>
                            </div>
                            @endforeach
                        </div>
  • Abdel Aziz Hassan
    Abdel Aziz Hassan 2017-09-21 17:57:02

    انت هتعمل loop فقط علي الصورة فقط كما في المثال

    
    
    @foreach($image as $img)
    <div class=\"item active\">
        <img src=\"{{ $img }}\" alt=\"Chania\">
        </div>
            
    @endforeach

Add Comment


You Must have account Login Or Register

5dmat-web team