مثال على رمز carousel باستخدام تسميات thinkphp لـ bootsrtap

بسبب أن div الأول للشرائح carousel يجب أن يتم تعيين نمط active ليعرض بشكل صحيح، يجب أن تكون النقاط أيضًا أرقامًا

استخدام علامة volist في الدوران يمكن الحصول على الرقم (لا يمكن استخدام علامات foreach،for)

<div class="Container">
<!-- carousel -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<volist name="bopic" id="xt">
<li data-target="#carousel-example-generic" data-slide-to="{$i-1}" class="<if condition="$i eq 1 ">active</if>"></li>
</volist>
</ol>
<div class="carousel-inner">
<volist name="bopic" id="xt">
<div class='item <if condition="$i eq 1 ">active</if>'>
<img src="{$xt.page_bopic_image}" alt="[#0#]"/>
</div>
</volist>
</div>
<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<!-- /.carousel -->
</div>

ما ذكرته أعلاه هو رموز تيك فب في تحقيق عرض بوتسترب كاروسيل، آمل أن يساعد الجميع، إذا كان لديك أي أسئلة، يرجى ترك تعليق، وسأقوم بالرد على الجميع في الوقت المناسب. شكراً جزيلاً لدعمكم لموقع تعليمات النفخ!

بيان: محتويات هذا المقال تم جمعها من الإنترنت، حقوق الطبع والتأليف مملوكة للملكين الأصليين، تم جمع المحتويات بواسطة المستخدمين عبر الإنترنت وتحميلها بشكل مستقل، لا تملك هذا الموقع حقوق الملكية، لم يتم تعديل المحتويات بشكل يدوي، ولا يتحمل هذا الموقع أي مسؤولية قانونية. إذا وجدت محتوى يشتبه في حقوق الطبع والتأليف، فالرجاء إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال #بـ@) للإبلاغ، وتقديم الدليل ذات صلة، إذا تم التحقق من ذلك، فإن هذا الموقع سيرفع المحتويات المشبوهة فوراً.