不能让jssor jQuery滑块在全屏上显示大图像时褪色
Can't get jssor jQuery slider to fade with large images on fullscreen
我什么都试过了,还是不行。我试着全屏显示图像。图像被替换,但没有渐变效果。
图片很大(500kb)。任何建议吗?
var _SlideshowTransitions = [
{
$Duration: 1000,
//$Delay: 300,
// $Cols: 8,
// $Rows: 4,
// $Top: true,
// $Right: true,
// $Bottom: true,
// $Left: true,
$Fade: true,
//$SlideOut: true,
// $Assembly: 2049,
// $Easing: $JssorEasing$.$EaseOutQuad,
// $Formation: $JssorSlideshowFormations$.$FormationStraightStairs
// $Formation: $JssorSlideshowFormations$.$FormationStraightStairs
}
];
var _options = {
$PauseOnHover: 0,
$ArrowKeyNavigation: true,
$AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false
$SlideshowOptions: { //[Optional] Options to specify and enable slideshow or not
$Class: $JssorSlideshowRunner$, //[Required] Class to create instance of slideshow
$Transitions: _SlideshowTransitions //[Required] An array of slideshow transitions to play slideshow
}
};
jssor_slider = new $JssorSlider$("slider1_container", _options);
请使用以下转换代码,
{
$Duration: 1000,
//$Delay: 300,
// $Cols: 8,
// $Rows: 4,
// $Top: true,
// $Right: true,
// $Bottom: true,
// $Left: true,
$Opacity: 2
//$SlideOut: true,
// $Assembly: 2049,
// $Easing: $Jease$.$OutQuad,
// $Formation: $JssorSlideshowFormations$.$FormationStraightStairs
// $Formation: $JssorSlideshowFormations$.$FormationStraightStairs
}
顺便说一句,您可以稍后在这里复制幻灯片代码http://www.jssor.com/development/tool-slideshow-transition-viewer.html
相关文章:
- 使用JSP从服务器检索和显示图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使用FormData上传AJAX图像;t在服务器端显示图像
- 选择文件后显示图像
- Chrome(webkit?)无法在幻灯片中正确显示图像
- 如何使用javascript显示图像
- 使用JS按顺序显示图像,而不是随机显示
- 使用服务器上的HTML/js在网页上显示图像
- 我想在选择输入文件上显示图像
- Javascript:单击单选按钮时显示图像
- 如何将JSON结果设置为'src'共'img'以在ASP.NET MVC4中显示图像
- 无法在cakepp布局中显示图像
- 页面加载后通过javascript显示图像
- 将图像文件存储在猫鼬模式中的二进制数据中,并以html形式显示图像
- 使用AngularJs数据绑定的三元运算符显示图像
- 加载时画布上未显示图像
- 运行POST时显示图像
- NodeJS上没有显示图像
- 从Javascript在表中显示图像
- 如何在MVC5中运行时在HTML5 Canvas中显示图像