简体   繁体   English

自定义离子幻灯片传呼机点到图像

[英]Customizing ionic slide pager dots into images

I am using ionic-slides for displaying pictures. 我正在使用离子幻灯片来显示图片。 instead of the default pager dots, I want to display a preview of all the images on the bottom. 而不是默认的寻呼机点,我想在底部显示所有图像的预览。 just like how it shows on here How can you achieve this two-way control carausol in ionic2-angular4? 就像在这里显示的一样,如何在ionic2-angular4中实现这种双向控制carausol?

There is no out of the box slider control like that on Ionic .But Ionic has used Swiper.js for their component.So you need to create custom slider control using Swiper.js . 没有像Ionic那样的开箱即用的滑块控件,但是Ionic已将Swiper.js用于其组件,因此您需要使用Swiper.js创建自定义滑块控件。

You can get help from official swiper doc here . 您可以在此处官方swiper文档获得帮助。

Here you can see how to develop Angular slider control using Swiper.js . 在这里,您可以看到如何使用Swiper.js开发Angular滑块控件

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM