0
我想追加幻灯片到特定的div元素,该幻灯片的宽度和高度不像普通幻灯片。我遵循他们在文档中指导的步骤。但是,我无法设置宽度和高度不像其他幻灯片。 我的代码,如何将幻灯片添加到特定的div元素?
<div id="id_0" class="swiper-slide" onClick="add(0);">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
<div class="swiper-slide">Slide 4</div>
<div class="swiper-slide">Slide 5</div>
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
slidesPerView: 3,
slidesPerColumn: 2,
paginationClickable: true,
spaceBetween: 30
});
还有,通过onclick
事件,我得到div
ID,通过这个ID,我得到的列值。然后我将我的幻灯片追加到具有该列值的最后一个元素之后。
我追加幻灯片这样的:
<div class="append-slide" style="width:200px;height:300px;">Slide 10</div>
我如何做到这一点?我为此失去了几个小时。
上传什么是你的尝试。 –
你可以发布链接到你指的文档吗? – Avinash
当然,这是http://www.idangero.us/swiper/ – aark