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;
}
分享到:
相关推荐
jmpress.js是一个非常酷的jquery 3d幻灯片插件特效代码,在图片切换时带有3d特效,支持手动切换图片和自动切换图片。
前端项目-jmpress,在无限画布上构建网站的jquery插件。
角-jmpress jmpress 的角度模块适配器 免责声明: 这个项目是一个WORK IN ...您必须选择circular.js ,它使用默认方法(next、prev、home 等)处理选择幻灯片的默认机制,或者您可以使用 jmpress 插件工具滚动自
一个jQuery的impress.js实现,基于CSS3变化和过度效果。只支持现代浏览器,所以只支持Chrome,Safari和Firefox10支持,当然以后肯定支持所有的浏览器 标签:jmpress
slide的属性映射到 jmpress 的属性(不带data-前缀): x (jmpress: 数据-x) y (jmpress: 数据-y) z (jmpress: 数据-z) r (jmpress: 数据-r) phi (jmpress: 数据-phi) 规模(jmpress:数据规模) s
jmpress-演示 我的 jmpress 演示站点
用于 Meteor 的 Jmpress.js 这个流星包是的原始端口 安装 meteor add djedi:jmpress 用法 $('#jmpress').jmpress(); 原始文档: : 原始演示: :
通过模拟触发幻灯片更改的事件来工作。用下载代码向presentation文件夹添加一个适用于左右箭头键(impress.js、jmpress.js、reveal.js等)的演示文稿从获取对等密钥,将其添加到 script.js 的顶部将所有内容上传到...
用流星制作的React式和令人印象深刻的演示系统 安装 安装 Meteor 克隆工作区中的存储库 跑流星 创建用户并创建您的演示文稿。 依赖关系 djedi:modules djedi:jmpress djedi:pres-jmpress djedi:pres-...
这些演示文稿用于练习 jmpress.js API。