Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Что я не правильно делаю с выводом изображений в слайдер ?

Что я не правильно делаю с выводом изображений в слайдер ?


     04.06.2020    dle 14    Все вопросы » Общие вопросы    1292

вопрос
 <!--slider-->
<div class="gamefull">
<div class="gamefulltitle">Снимки экрана</div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<li class="games-item">
<a href="[xfvalue_image_url_xfieldimage1]" class="highslide" target="_blank">
<img class="xfieldimage pr-img1" src="[xfvalue_thumb_url_xfieldimage1]" alt="">
</a>
</li>
</div>
<div class="swiper-slide">
<li class="games-item">
<a href="[xfvalue_image_url_xfieldimage2]" class="highslide" target="_blank">
<img class="xfieldimage pr-img2" src="[xfvalue_thumb_url_xfieldimage2]" alt="">
</a>
</li>
</div>
<div class="swiper-slide">
<li class="games-item">
<a href="[xfvalue_image_url_xfieldimage3]" class="highslide" target="_blank">
<img class="xfieldimage pr-img3" src="[xfvalue_thumb_url_xfieldimage3]" alt="">
</a>
</li>
</div>
<div class="swiper-slide">
<li class="games-item">
<a href="[xfvalue_image_url_xfieldimage4]" class="highslide" target="_blank">
<img class="xfieldimage pr-img4" src="[xfvalue_thumb_url_xfieldimage4]" alt="">
</a>
</li>
</div>
</div>
<!— Add Arrows —>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
<!--slider-->


В доп поле указывал максимальный размер загружаемого изображения и уменьшенную копию

Что я не правильно делаю с выводом изображений в слайдер ?

В исходный код должно получится вот так миниатюра размером 547x285
Что я не правильно делаю с выводом изображений в слайдер ?

Но по итогу получается только так
Что я не правильно делаю с выводом изображений в слайдер ?


Ответил: smoki


У кого возникнет подобное, проблема была в скрипте

<script>
                                    var swiper = new Swiper('.swiper-container', {
                                        slidesPerView: 2,
                                        spaceBetween: 30,
                                        slidesPerGroup: 1,
                                        loop: true,
                                        loopFillGroupWithBlank: true,
                                        pagination: {
                                            el: '.swiper-pagination',
                                            clickable: true,
                                        },
                                        navigation: {
                                            nextEl: '.swiper-button-next',
                                            prevEl: '.swiper-button-prev',
                                        },
                                    });
                                </script>


У меня было в этом параметре slidesPerView: 4 а нужно slidesPerView: 2,

4 комментария

smoki
Юзер

smoki - 4 июня 2020 18:33 -

Помогите пож-ста

smoki
Юзер

smoki - 5 июня 2020 08:13 -

***Комментарий удален***

smoki
Юзер

smoki - 5 июня 2020 09:07 -

Проблема решена

TechnicalMan
Юзер

TechnicalMan - 7 июня 2020 16:06 -

Комментарий не по теме, но зачем внутри div ставить элемент списка li, тогда как он вставляется только внутри ul, ol и т.д.?

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх