`

jmpress幻灯片的制作中问题解决

阅读更多
1、当幻灯片中的图像总是显示一半,然后通过jmpress.js查找:
		css(area, {
			top: '50%'
			,left: '100%'
			,perspective: '1000px'
		});
替换为
		css(area, {
			top: '50%'
			,left: '100%'
			,perspective: '1000px'
		});

原因在于启动是jmpress设置图像占50%空间,然后剩下一半可以嵌入别的内容。
2、改变幻灯框的宽度:
改css中的两个类的高度属性:
.jms-slideshow {
	position: relative;
	width: 100%;
	max-width: 1400px;
	min-width: 640px;
	margin: 20px auto;
	height: 400px;
}
.jms-wrapper {
	width: auto;
	min-width: 600px;
	height: 400px;
	background-color: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border: 10px solid #fff;
	border: 10px solid rgba(255, 255, 255, 0.9);
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
}
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics