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; }