社区
Android
帖子详情
怎么实现商品详情页里的图片无缝对接
Revival_Liang
2016-08-11 09:11:14
很深奥的问题不知道有没有人会?就是实现像淘宝宝贝图片详情页那些切图的无缝对接,图片的宽度是占满屏幕的,高是随着宽变化而变化的,试了很多办法都不行,真心望前辈们指点一下,没分了,给的不多望见谅!拜托了!
...全文
828
3
打赏
收藏
怎么实现商品详情页里的图片无缝对接
很深奥的问题不知道有没有人会?就是实现像淘宝宝贝图片详情页那些切图的无缝对接,图片的宽度是占满屏幕的,高是随着宽变化而变化的,试了很多办法都不行,真心望前辈们指点一下,没分了,给的不多望见谅!拜托了!
复制链接
扫一扫
分享
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
Revival_Liang
2016-08-12
打赏
举报
回复
解决了,谢谢楼上的回答,有需要的朋友可以参考我的这篇文章:http://blog.csdn.net/revival_liang/article/details/52188304
ink_s
2016-08-12
打赏
举报
回复
还有你说的是左右滑动的那些预览图 还是详情那那一个长长的图? 如果是预览图 那直接充满内容就是了,如果你说的是那个长长的图,我刚才去看了一下,他是用固定宽高的图拼接起来的,等于是把一整张图切蛋糕一样切下来的,不是按一部分一部分切图的,有时候字的一半在上个图,一半在下个图(我只是在网页上随便打开一个商品进入详情看了一下,不知道所有的和客户端的是不是都是这样,长按详情里面的图片可以查看图片,看到所有图片都是一样高的)
ink_s
2016-08-12
打赏
举报
回复
图片的宽度是占满屏幕的,高是随着宽变化而变化的?既然宽是占满屏幕的那就是固定的了,既然是固定的那高是随着宽变化而变化的 高也不是固定的了吗
商品
详情页
实现
1.直接上效果图 2.数据库设计 3.封装VO(因为JSONResult.ok()只能传一个参数,而需求查询是有四个对象参数) 注意VO的封装属性要与前端的赋值属性要相同 /** *
商品
详情VO */ public class ItemInfoVO { private Items item; private List<ItemsImg> itemImgList; private List<ItemsSpec> itemSpecList;
在html中使用js
实现
图片
的
无缝
滚动(四种状态)
获取整个ul和ul下面的所有li, 把ul
里
面的li内容添加一份,因为需要完成
图片
滚动效果所以需要二份完成
无缝
对接
, 定义初始速度。设置定时器 在定时中进行判断
实现
原理:因为ul是跟着父元素div进行定位的,所以ul的offsetleft的值初始值为0。只需要改变ul的left值就可以完成滚动效果 当ul的offsetleft值大于0的时候说明
图片
正在向右滚动,此时只需要把当前left值变成整个盒子的一半。并且将盒子定位到左边一半的位置就能完成滚动中的
无缝
对接
。当uL的offset值小于负的此时盒
vue
实现
类似淘宝的
商品
详情页
的
商品
展示
vue
实现
类似淘宝的
商品
详情页
的
商品
展示 利用vue和swiper
实现
缩略图控制 / Swiper互相控制 具体需求描述:
图片
大图自动轮播展示,下面的缩略图跟着变化,点击小图切换到对应的大图,大图停止自动轮播
实现
代码 HTML代码 <swiper :options="swiperOptionTop" class="gallery-top imgs" ref="swiperTop"&g...
分析
商品
详情页
中的数据,了解产品的特点和优势
通过对
商品
详情页
中的数据进行深入分析,我们可以了解产品的特点和优势,为产品策略和营销计划提供有力支持。通过对评价的分析,我们可以了解消费者对产品的满意度、使用体验以及存在的问题。例如,如果一个产品的评价中提到了很多关于质量、服务等方面的好评,那么它可能具有更好的品质和服务水平。例如,如果一个产品的描述中提到了它的材质是高品质的,那么它可能具有更好的耐用性和使用寿命。通过对
商品
详情页
数据的分析,我们可以了解产品的特点和优势,为产品策略和营销计划提供有力支持。分析
商品
详情页
中的数据,了解产品的特点和优势。
vue
实现
商品
详情页
功能之
商品
选项卡
用户点击
商品
进入
商品
详情页
,默认显示第一个小图对应的大图,然后鼠标滑到小图上,大图也会发生改变,
实现
效果如下:
实现
代码: shopitem.vue的template(HTML),上面是大图,下面是小图,鼠标滑动到小图上,触发getUrl事件(参数是小图的show属性,索引): item.json文件(我的数据文件,默认第一个小图的show为true,默认大图显示第一张。大图和小...
Android
80,490
社区成员
91,375
社区内容
发帖
与我相关
我的任务
Android
移动平台 Android
复制链接
扫一扫
分享
社区描述
移动平台 Android
android
android-studio
androidx
技术论坛(原bbs)
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章