@Casper969

Как сделать галерею в MIGx с разными слайдами?

Ребят, столкнулся с нестандартной задачей. Нужно сделать сложный слайдер, а не могу сообразить как это сделать, так как знаком с MIGx на уровне создания простых слайдеров с мультизагрузкой.

В общем вот код слайдера
<div class="article-slider">
							<div class="article-slider-big">
								<img id="slider-big" src="images/article/img.png" alt="">
							</div>
							<div class="article-slider-list-box">
								<div class="article-slider-nav">
									<div class="counter-slide">
										<div class="cp">1</div>/
										<div class="default"></div>
									</div>
									<div class="article-slider-title">
										<p>Вопросы развития курортной медицины обсудили на конференции в Горячем Ключе</p>
									</div>
								</div>
								<div class="article-slider-list">
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
									<div class="article-slider-list-item">
										<img class="thumb" src="images/article/img.png" alt="">
									</div>
								</div>
							</div>
						</div>


Дело в том, что первый слайд идет в большом размере

Вид сверстанного слайдера
5d807a72eda33053125639.png


Подскажите как мне нужно сделать чанк (пробывал
[[+idx:is=`1`:is=`0`:then=`<div class="article-slider-big"><img id="slider-big" src="images/article/img.png" alt=""></div>`]]
но не работает(

Заранее благодарен.
  • Вопрос задан
  • 95 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Haoss
html-верстальщик
[[+idx:is=`1`:is=`0`:then=` - это что означает?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы