Difference between #3 and #4 of
Create Bootstrap5 based Image carousel with thumbnails

Revision #4 has been created by pravi on Dec 4, 2023, 10:43:47 AM with the memo:

formatting
« previous (#3) next (#5) »

Changes

Title unchanged

Create Bootstrap5 based Image carousel with thumbnails

Category unchanged

Tutorials

Yii version unchanged

2.0

Tags unchanged

carousel,bootstrap5 carousel

Content changed

Here is a Corousel widget that is an extension of yii\bootstrap5\Carousel, to show image thumbnails as indicators for the carousel. Here is the widget code. ``` <?php
 
namespace app\widgets;
use Yii;
use yii\bootstrap5\Html;
[...]
return Html::tag('ol', implode("\n", $indicators), ['class' => ['carousel-indicators']]);
}
}
 
 ?> ``` Use the following CSS for the above widget to show up and work properly.
 
```
 
.product_img_slide {
padding: 100px 0 0 0;
}

.product_img_slide > .carousel-inner > .carousel-item {
overflow: hidden;
[...]
2 0
1 follower
Viewed: 78 724 times
Version: 2.0
Category: Tutorials
Tags: bootstrap5 carousel, carousel
Written by: pravi
Last updated by: pravi
Created on: Dec 4, 2023
Last updated: 11 months ago
Update Article
Revert to #3 | Revert to #4

Revisions

View all history