起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 935|回复: 1

[结贴] 我想问下,轮播图片问题

[复制链接]

8

主题

22

帖子

54

积分

初级会员

Rank: 2

积分
54
QQ
发表于 2015-9-2 23:49:44 | 显示全部楼层 |阅读模式
知道图片比例,手机分辨率问题,不知道具体显示的宽和高,怎么预先占位,否则显示的时候未加载图片轮播的数据,那位置是缩掉的,图片加载后才突然挤出来了,很多图片都是这个问题,根据百分比宽度设置的时候,都有这个情况,这个怎么解决?
发表于 2015-9-6 09:23:34 | 显示全部楼层
图片大小不一致吗?那怎么预先定位?背景图片设置固定高度和宽度!
contents添加上相应数量的content,每个content页面中添加一个div,并设置背景图片
contents组件的class样式为x-contents,去掉x-full的样式,这时需要自定义css来指定组件的高度
.w中div显示图片的设置如下:

<div style="height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url(./images/1.png);"
/>

.css中的代码如下:

.x-contents>.x-contents-content {
    overflow: hidden;
}
.x-contents[xid=carousel]{
    height:288px;      
}
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-6-2 04:48 , Processed in 0.057415 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表