从旋转滑块中删除视差效果
Remove parallax effect from revolution slider
我的网站上有一个 Revolution 滑块插件,它有某种效果,或者当我滚动时它会上下移动,我不知道如何删除它,我无权访问插件配置。
到目前为止,我已经尝试使用 jQuery/js 将其向下移动一点,但是当我滚动时它一直在移动。
document.getElementById("rev_slider_3_1_wrapper").setAttribute("style", "margin:15px auto 80px;padding: 0px;max-height: 740px;left: -105.5px;position: absolute;width: 1351px;overflow: visible;height: 521px;");
这使滑块向下移动了 15 像素,但是当我移动滚动条时它四处移动并破坏了我的布局,我能做些什么吗?
谢谢你帮我。
Revolution Slider 允许您 enable/disable 由于可以添加到初始化脚本的选项而产生视差效果。
要启用视差:
jQuery('#slider').show().revolution(
{
delay:16000,
startwidth:1170,
startheight:700,
hideThumbs:200,
parallax:"mouse",
parallaxBgFreeze:"on",
parallaxLevels:[10,7,4,3,2,5,4,3,2,1],
});
要禁用视差效果,只需删除任何基于视差的选项,如下所示:
jQuery('#slider').show().revolution(
{
delay:16000,
startwidth:1170,
startheight:700,
hideThumbs:200
});
请注意,由于滑块初始化,您可以设置 40 多个选项,您可能还希望有不同的选项 enabled/disabled,因此我建议您按照 [=36] 获取完整文档=]: http://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848
此外,关于 Revolution Slider 的所有问题都可以在这里得到解答:http://www.themepunch.com/support-center/
希望这对您有进一步的帮助!?
我的网站上有一个 Revolution 滑块插件,它有某种效果,或者当我滚动时它会上下移动,我不知道如何删除它,我无权访问插件配置。
到目前为止,我已经尝试使用 jQuery/js 将其向下移动一点,但是当我滚动时它一直在移动。
document.getElementById("rev_slider_3_1_wrapper").setAttribute("style", "margin:15px auto 80px;padding: 0px;max-height: 740px;left: -105.5px;position: absolute;width: 1351px;overflow: visible;height: 521px;");
这使滑块向下移动了 15 像素,但是当我移动滚动条时它四处移动并破坏了我的布局,我能做些什么吗?
谢谢你帮我。
Revolution Slider 允许您 enable/disable 由于可以添加到初始化脚本的选项而产生视差效果。
要启用视差:
jQuery('#slider').show().revolution( {
delay:16000,
startwidth:1170,
startheight:700,
hideThumbs:200,
parallax:"mouse",
parallaxBgFreeze:"on",
parallaxLevels:[10,7,4,3,2,5,4,3,2,1],
});
要禁用视差效果,只需删除任何基于视差的选项,如下所示: jQuery('#slider').show().revolution( {
delay:16000,
startwidth:1170,
startheight:700,
hideThumbs:200
});
请注意,由于滑块初始化,您可以设置 40 多个选项,您可能还希望有不同的选项 enabled/disabled,因此我建议您按照 [=36] 获取完整文档=]: http://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848
此外,关于 Revolution Slider 的所有问题都可以在这里得到解答:http://www.themepunch.com/support-center/
希望这对您有进一步的帮助!?