如何只用 AngularJs 实现图片滑动切换?

发布于 2022-09-01 06:07:53 字数 130 浏览 20 评论 0

AngularJS的图片轮播效果或是图片滑动切换效果在百度上搜到的代码基本都是基于bootstrap这个控件来实现的。
如何实现纯AngularJS不带jQ或其他。实现如手机淘宝的宝贝详情页的顶层banner那样的滑动切换图片的效果?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

情何以堪。 2022-09-08 06:07:53

建议github搜下一大堆,如果你打算自己实现,首先需要你理解ng的指令,剩下的原理都是一样的东西。

1.定义一个swipe指令
2.封装touch事件,ng官方已经提供了 ngTouch
3.监测事件,进行CSS控制制作动画过度效果 (这个用css3还是老式的easing看你自己了)
4.放到页面中使用...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文