Grammatical corrections and translating (#31104)
This commit is contained in:
committed by
Randell Dawson
parent
9202737e0c
commit
73d104d78f
@@ -4,7 +4,7 @@ localeTitle: Карусель
|
||||
---
|
||||
## карусель
|
||||
|
||||
Карусель - это компонент слайд-шоу для циклирования через такие элементы, как изображения или слайды текста. Он обеспечивает динамический способ представления большого количества данных (текста или изображений) путем скольжения или циклического перемещения, плавно
|
||||
Карусель - это компонент слайд-шоу для циклического показа таких элементов, как изображения или слайды текста. Он обеспечивает динамический способ представления большого количества контента (текста или изображений) путем скольжения или циклического, плавного перемещения.
|
||||
|
||||
Пример кода слайдера изображения приведен ниже:
|
||||
|
||||
@@ -96,11 +96,11 @@ localeTitle: Карусель
|
||||
</html>
|
||||
```
|
||||
|
||||
Понимание атрибутов и классов, используемых в приведенном выше примере:
|
||||
Объяснение атрибутов и классов, используемых в приведенном выше примере:
|
||||
|
||||
### 1) Атрибуты
|
||||
|
||||
a) `data-ride` : - `data-ride ="carousel"` позволяет начать анимацию загрузки страницы.
|
||||
a) `data-ride` : - `data-ride ="carousel"` позволяет начать анимацию после загрузки страницы.
|
||||
|
||||
б) `data-target` : - указывает на идентификатор карусели
|
||||
|
||||
@@ -112,13 +112,13 @@ a) `carousel` : - `class="carousel"` указывает, что div содерж
|
||||
|
||||
b) `slide` : - Этот класс добавляет CSS-переходы.
|
||||
|
||||
c) `carousel-inner` : - Это обозначает раздел кода, который будет содержать текст / изображение, отображаемое в слайдах.
|
||||
c) `carousel-inner` : - Это обозначает часть кода, который будет содержать текст / изображение, отображаемое в слайдах.
|
||||
|
||||
d) `item` : - Он относится к содержимому, которое должно отображаться в карусели.
|
||||
|
||||
e) `left carousal-control` : - Это добавляет кнопку «Назад», позволяющую сдвинуться до предыдущего слайда.
|
||||
|
||||
f) `right carousal-control` : - добавляет следующая кнопка, позволяющая перейти к следующему слайду.
|
||||
f) `right carousal-control` : - добавляет кнопку «Вперед», позволяющую перейти к следующему слайду.
|
||||
|
||||
g) `carousel-caption` : - Этот класс позволяет добавлять подписи к каждому слайду.
|
||||
|
||||
@@ -126,9 +126,9 @@ g) `carousel-caption` : - Этот класс позволяет добавля
|
||||
|
||||
### использование
|
||||
|
||||
#### 1) Через атрибуты данных
|
||||
#### 1) Через Data атрибуты
|
||||
|
||||
Атрибут `data-ride="carousel"` используется для обозначения карусели как анимации, начиная с загрузки страницы. `data-slide` принимает ключевые слова `prev` или `next` , что изменяет положение слайда относительно его текущего положения.
|
||||
Атрибут `data-ride="carousel"` используется для обозначения карусели как анимации, начинающейся после загрузки страницы. `data-slide` принимает ключевые слова `prev` или `next` , что изменяет положение слайда относительно его текущего положения.
|
||||
|
||||
#### 2) Через JavaScript
|
||||
|
||||
@@ -138,14 +138,14 @@ g) `carousel-caption` : - Этот класс позволяет добавля
|
||||
|
||||
### Опции
|
||||
|
||||
Параметры могут передаваться через атрибуты данных или JavaScript. Для атрибутов данных добавьте имя параметра в `data-` , как в `data-interval=""` .
|
||||
Параметры могут передаваться через Data атрибуты или JavaScript. Для Data атрибутов добавьте имя параметра в `data-` , как в `data-interval=""` .
|
||||
|
||||
Некоторые часто используемые опции:
|
||||
|
||||
* интервал
|
||||
* Пауза
|
||||
* поездка
|
||||
* заворачивать
|
||||
* interval
|
||||
* pause
|
||||
* ride
|
||||
* wrap
|
||||
|
||||
## дополнительные детали
|
||||
|
||||
|
Reference in New Issue
Block a user