вопрос
В доп поле указывал максимальный размер загружаемого изображения и уменьшенную копию
В исходный код должно получится вот так миниатюра размером 547x285
Но по итогу получается только так
<!--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
Но по итогу получается только так
У кого возникнет подобное, проблема была в скрипте
У меня было в этом параметре slidesPerView: 4 а нужно slidesPerView: 2,
<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,