`

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;
}
分享到:
评论

相关推荐

    jquery超酷3d幻灯片插件特效代码-jmpress.js

    jmpress.js是基于jQuery的一个创新的3D幻灯片插件,它为网页中的幻灯片展示带来了全新的视觉体验。这个插件的核心特性在于其3D转换效果,当用户在图片之间切换时,能够感受到强烈的立体感和动态效果。这种特效不仅...

    前端项目-jmpress.zip

    总结起来,"前端项目-jmpress"提供了一个创新的解决方案,让开发者能够打破传统的网页布局限制,创建出富有深度和交互性的网站。通过深入学习和实践,开发者不仅可以提升自身技能,还能为用户带来更加生动和引人入胜...

    jmpress-demo:我的 jmpress 演示站点

    jmpress 是一个基于 JavaScript 的库,它扩展了传统幻灯片的展示方式,使得演示更加生动、交互性强。这种技术通常用于制作平移和缩放效果丰富的网页演示文稿。 【描述】:“jmpress-演示 我的 jmpress 演示站点” ...

    angular-jmpress:jmpress 的角度模块适配器

    角-jmpress jmpress 的角度模块适配器 免责声明: 这个项目是一个WORK IN ...您必须选择circular.js ,它使用默认方法(next、prev、home 等)处理选择幻灯片的默认机制,或者您可以使用 jmpress 插件工具滚动自

    jmpress.js.zip

    一个jQuery的impress.js实现,基于CSS3变化和过度效果。只支持现代浏览器,所以只支持Chrome,Safari和Firefox10支持,当然以后肯定支持所有的浏览器 标签:jmpress

    meteor-pres-jmpress:jmpress 的流星集成

    slide的属性映射到 jmpress 的属性(不带data-前缀): x (jmpress: 数据-x) y (jmpress: 数据-y) z (jmpress: 数据-z) r (jmpress: 数据-r) phi (jmpress: 数据-phi) 规模(jmpress:数据规模) s

    meteor-jmpress:用于 Meteor 的 Jmpress.js

    用于 Meteor 的 Jmpress.js 这个流星包是的原始端口 安装 meteor add djedi:jmpress 用法 $('#jmpress').jmpress(); 原始文档: : 原始演示: :

    webrtc-remote

    通过模拟触发幻灯片更改的事件来工作。用下载代码向presentation文件夹添加一个适用于左右箭头键(impress.js、jmpress.js、reveal.js等)的演示文稿从获取对等密钥,将其添加到 script.js 的顶部将所有内容上传到...

    meteor-presentation:用流星制作的React式和令人印象深刻的演示系统

    用流星制作的React式和令人印象深刻的演示系统 安装 安装 Meteor 克隆工作区中的存储库 跑流星 创建用户并创建您的演示文稿。 依赖关系 djedi:modules djedi:jmpress djedi:pres-jmpress djedi:pres-...

    Scientific-Social-Network:Impress.js 测试可缩放信息图表

    在“Scientific-Social-Network: Impress.js 测试可缩放信息图表”这个项目中,JavaScript扮演着关键的角色,它通过 jmpress.js 库来创建生动且具有视觉冲击力的信息图表。 **jmpress.js 深入理解** jmpress.js 是...

Global site tag (gtag.js) - Google Analytics