revolution slider模块不显示
这个幻灯显示代码是从原网站(http://html.kodesolution.live...)上扒下来的,但是在本地测试的时候不显示是什么情况呢? js和css路径没有问题,调试发现js好像并没有被调用,谢谢!
`<section id="home" class="">
<div class="container-fluid p-0">
<div class="row">
<div class="col">
<!-- START Home Slider REVOLUTION SLIDER 6.0.8 -->
<p class="rs-p-wp-fix"></p>
<rs-module-wrap id="rev_slider_1_1_wrapper" data-alias="home-slider" data-source="gallery" style="background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
<rs-module id="rev_slider_1_1" style="display:none;" data-version="6.0.8">
<rs-slides>
<rs-slide data-key="rs-1" data-title="Slide 1" data-thumb="images/bg/bg1.jpg" data-anim="ei:d;eo:d;s:d;r:0;t:slotslide-horizontal;sl:d;">
<img src="static/picture/bg1.jpg" title="s6.jpg" width="1920" height="1280" data-bg="p:center top;" data-parallax="off" class="rev-slidebg" data-no-retina>
<rs-layer
id="slider-1-slide-1-layer-14"
class="text-theme-colored1 rs-pxl-1"
data-type="text"
data-color="#fc5508"
data-rsp_ch="on"
data-xy="x:l,l,l,c;xo:50px,50px,35px,0;yo:210px,219px,140px,135px;"
data-text="w:normal;s:36,28,30,26;l:54,43,45,42;fw:800;a:left,left,left,center;"
data-dim="w:auto,auto,291px,297px;h:auto,auto,48px,46px;"
data-padding="r:15,11,8,5;l:15,11,12,7;"
data-border="bos:solid;boc:#fc5508;bow:2px,0,0,5px;"
data-frame_0="rX:70deg;oZ:-50;"
data-frame_0_chars="y:cyc(-100||100);o:0;"
data-frame_1="oZ:-50;e:Power4.easeInOut;st:1260;sp:1750;"
data-frame_1_chars="e:Power4.easeInOut;dir:middletoedge;d:10;"
data-frame_999="y:0;o:0;rX:70deg;oZ:-50;e:Power4.easeInOut;st:w;sp:1750;"
data-frame_999_chars="e:Power4.easeInOut;dir:middletoedge;d:10;y:cyc(-100||100);o:0;"
style="z-index:13;background-color:rgba(0,0,0,0.3);font-family:Poppins;"
>Your Industry
</rs-layer>
<rs-layer
id="slider-1-slide-1-layer-19"
class="rs-pxl-1"
data-type="text"
data-rsp_ch="on"
data-xy="x:l,l,l,c;xo:50px,50px,35px,2px;yo:280px,291px,202px,208px;"
data-text="w:normal;s:85,76,75,56;l:100,90,90,70;fw:700;a:left,left,left,center;"
data-dim="w:724px,644px,653px,476px;"
data-frame_0="x:-50,-38,-28,-17;"
data-frame_1="st:1700;sp:1000;"
data-frame_999="x:-50,-38,-28,-17;o:0;st:w;sp:1000;"
style="z-index:12;font-family:Poppins;"
>Making dreams come to life
</rs-layer>
<rs-layer
id="slider-1-slide-1-layer-20"
class="rev-btn rs-pxl-1"
data-type="button"
data-rsp_ch="on"
data-xy="x:l,l,l,c;xo:50px,50px,35px,0;y:m,m,m,t;yo:140px,131px,131px,393px;"
data-text="w:normal;s:20,15,16,16;f:left,none,none,none;c:both,none,none,none;l:40,30,22,13;fw:500;a:left,left,left,center;"
data-flcr="f:left,none,none,none;c:both,none,none,none;"
data-dim="minh:0px,none,none,none;"
data-padding="t:10,8,15,16;r:60,46,48,38;b:10,8,15,16;l:60,46,48,38;"
data-border="bor:5px,5px,5px,5px;"
data-frame_0="y:bottom;"
data-frame_1="st:2170;sp:1000;sR:2170;"
data-frame_999="o:0;st:w;sp:1500;sR:5830;"
data-frame_hover="bgc:#bc8400;bor:5px,5px,5px,5px;bri:120%;"
style="z-index:11;background-color:#fc5508;font-family:Roboto;"
>Read More
</rs-layer>
</rs-slide>
<rs-slide data-key="rs-2" data-title="Slide 1" data-thumb="images/bg/as02.jpg" data-anim="ei:d;eo:d;s:d;r:0;t:slotslide-horizontal;sl:d;">
<img src="static/picture/as02.jpg" title="s4.jpg" width="1920" height="1280" data-parallax="off" class="rev-slidebg" data-no-retina>
<rs-layer
id="slider-1-slide-2-layer-14"
class="text-theme-colored1 rs-pxl-1"
data-type="text"
data-color="#fc5508"
data-rsp_ch="on"
data-xy="x:c;yo:230px,219px,140px,135px;"
data-text="w:normal;s:36,34,30,28;l:54,46,40,26;fw:800;a:center;"
data-dim="w:auto,330px,293px,287px;h:auto,51px,46px,48px;"
data-padding="t:0,0,0,8;r:15,11,8,5;b:0,0,0,8;l:15,11,8,5;"
data-border="bos:solid;boc:#fc5508;bow:3px,0,0,0;"
data-frame_0="rX:70deg;oZ:-50;"
data-frame_0_chars="y:cyc(-100||100);o:0;"
data-frame_1="oZ:-50;e:Power4.easeInOut;st:1260;sp:1750;"
data-frame_1_chars="e:Power4.easeInOut;dir:middletoedge;d:10;"
data-frame_999="y:0;o:0;rX:70deg;oZ:-50;e:Power4.easeInOut;st:w;sp:1750;"
data-frame_999_chars="e:Power4.easeInOut;dir:middletoedge;d:10;y:cyc(-100||100);o:0;"
style="z-index:13;background-color:rgba(0,0,0,0.3);font-family:Poppins;"
>Your Industry
</rs-layer>
<rs-layer
id="slider-1-slide-2-layer-19"
class="rs-pxl-1"
data-type="text"
data-rsp_ch="on"
data-xy="x:c;yo:306px,291px,202px,208px;"
data-text="w:normal;s:85,76,75,56;l:100,90,90,70;fw:700;a:center;"
data-dim="w:724px,644px,653px,476px;"
data-frame_0="sX:0.9;sY:0.9;"
data-frame_1="st:1700;sp:1000;"
data-frame_999="sX:0.7;sY:0.7;o:0;e:Back.easeIn;st:w;sp:500;"
style="z-index:12;font-family:Poppins;"
>Making dreams come to life
</rs-layer>
<rs-layer
id="slider-1-slide-2-layer-20"
class="rev-btn rs-pxl-1"
data-type="button"
data-rsp_ch="on"
data-xy="x:c;y:m,m,m,t;yo:150px,131px,131px,393px;"
data-text="w:normal;s:20,15,16,16;f:left,none,none,none;c:both,none,none,none;l:40,30,22,13;fw:500;a:center;"
data-flcr="f:left,none,none,none;c:both,none,none,none;"
data-dim="minh:0px,none,none,none;"
data-padding="t:10,8,15,16;r:60,46,48,38;b:10,8,15,16;l:60,46,48,38;"
data-border="bor:5px,5px,5px,5px;"
data-frame_0="y:bottom;"
data-frame_1="st:2170;sp:1000;sR:2170;"
data-frame_999="o:0;st:w;sp:1500;sR:5830;"
data-frame_hover="bgc:#bc8400;bor:5px,5px,5px,5px;bri:120%;"
style="z-index:11;background-color:#fc5508;font-family:Roboto;"
>Read More
</rs-layer>
</rs-slide>
<rs-slide data-key="rs-3" data-title="Slide 1" data-thumb="images/bg/bg2.jpg" data-anim="ei:d;eo:d;s:d;r:0;t:slotslide-horizontal;sl:d;">
<img src="static/picture/bg2.jpg" title="s5.jpg" width="1920" height="1280" data-parallax="off" class="rev-slidebg" data-no-retina>
<rs-layer
id="slider-1-slide-3-layer-14"
class="text-theme-colored1 rs-pxl-1"
data-type="text"
data-color="#fc5508"
data-rsp_ch="on"
data-xy="x:r,r,r,c;xo:50px,51px,35px,0;yo:197px,225px,155px,135px;"
data-text="w:normal;s:34,28,30,26;l:48,44,44,40;fw:800;a:left,right,right,center;"
data-dim="w:auto,auto,202px,204px;h:56px,49px,50px,43px;"
data-padding="r:15,11,15,9;l:15,11,8,5;"
data-border="bos:solid;boc:#fc5508;bow:2px,0px,0,5px;"
data-frame_0="rX:70deg;oZ:-50;"
data-frame_0_chars="y:cyc(-100||100);o:0;"
data-frame_1="oZ:-50;e:Power4.easeInOut;st:1260;sp:1750;"
data-frame_1_chars="e:Power4.easeInOut;dir:middletoedge;d:10;"
data-frame_999="y:0;o:0;rX:70deg;oZ:-50;e:Power4.easeInOut;st:w;sp:1750;"
data-frame_999_chars="e:Power4.easeInOut;dir:middletoedge;d:10;y:cyc(-100||100);o:0;"
style="z-index:13;background-color:rgba(0,0,0,0.3);font-family:Poppins;"
>Build Right
</rs-layer>
<rs-layer
id="slider-1-slide-3-layer-19"
class="rs-pxl-1"
data-type="text"
data-rsp_ch="on"
data-xy="x:r,r,r,c;xo:50px,50px,38px,0;yo:295px,302px,229px,210px;"
data-text="w:normal;s:70,64,51,50;l:90,78,78,70;fw:700;a:right,right,right,center;"
data-dim="w:724px,644px,511px,476px;"
data-frame_0="x:50,38,28,17;"
data-frame_1="st:1700;sp:1000;"
data-frame_999="x:50,38,28,17;o:0;st:w;sp:1000;"
style="z-index:12;font-family:Poppins;"
>Always dedicated and devoted
</rs-layer>
<rs-layer
id="slider-1-slide-3-layer-20"
class="rev-btn rs-pxl-1"
data-type="button"
data-rsp_ch="on"
data-xy="x:r,r,r,c;xo:50px,50px,35px,0;y:m,m,m,t;yo:140px,131px,131px,393px;"
data-text="w:normal;s:20,15,16,16;f:left,none,none,none;c:both,none,none,none;l:40,30,22,13;fw:500;a:left,left,left,center;"
data-flcr="f:left,none,none,none;c:both,none,none,none;"
data-dim="minh:0px,none,none,none;"
data-padding="t:10,8,15,16;r:60,46,48,38;b:10,8,15,16;l:60,46,48,38;"
data-border="bor:5px,5px,5px,5px;"
data-frame_0="y:bottom;"
data-frame_1="st:2170;sp:1000;sR:2170;"
data-frame_999="o:0;st:w;sp:1500;sR:5830;"
data-frame_hover="bgc:#bc8400;bor:5px,5px,5px,5px;bri:120%;"
style="z-index:11;background-color:#fc5508;font-family:Roboto;"
>Read More
</rs-layer>
</rs-slide>
</rs-slides>
<rs-static-layers>
</rs-static-layers>
<rs-progress class="rs-bottom" style="height: 5px; background: rgba(199,199,199,0.5);"></rs-progress>
</rs-module>
<script type="text/javascript">
if(typeof revslider_showDoubleJqueryError === "undefined") {
function revslider_showDoubleJqueryError(sliderID) {
var err = "<div class='rs_error_message_box'>";
err += "<div class='rs_error_message_oops'>Oops...</div>";
err += "<div class='rs_error_message_content'>";
err += "You have some jquery.js library include that comes after the Slider Revolution files js inclusion.<br>";
err += "To fix this, you can:<br> 1. Set 'Module General Options' -> 'jQuery & OutPut Filters' -> 'Put JS to Body' to on";
err += "<br> 2. Find the double jQuery.js inclusion and remove it";
err += "</div>";
err += "</div>";
jQuery(sliderID).show().html(err);
}
}
</script>
</rs-module-wrap>
<!-- END REVOLUTION SLIDER -->
<script type="text/javascript">
var revapi2,
tpj;
jQuery(function() {
tpj = jQuery;
if(tpj("#rev_slider_1_1").revolution == undefined){
revslider_showDoubleJqueryError("#rev_slider_1_1");
}else{
revapi1 = tpj("#rev_slider_1_1").show().revolution({
jsFileLocation:"js/",
sliderLayout:"fullwidth",
visibilityLevels:"1240,1024,778,480",
gridwidth:"1340,1024,778,480",
gridheight:"800,768,640,600",
minHeight:"",
spinner:"spinner0",
editorheight:"800,768,640,600",
responsiveLevels:"1240,1024,778,480",
stopAtSlide:1,
stopAfterLoops:0,
stopLoop:true,
navigation: {
onHoverStop:false,
arrows: {
enable:true,
tmp:"<div class=\"tp-title-wrap\"> <div class=\"tp-arr-imgholder\"></div> </div>",
style:"zeus",
hide_onmobile:true,
hide_under:"778px",
left: {
h_offset:30
},
right: {
h_offset:30
}
},
bullets: {
enable:true,
tmp:"",
style:"hermes"
}
},
parallax: {
levels:[2,4,6,8,10,12,14,16,18,20,22,24,26,28,30,30],
type:"mouse",
origo:"slidercenter",
speed:"300ms",
speedbg:"3000ms",
speedls:"3000ms"
},
scrolleffect: {
set:true,
multiplicator:1.3,
multiplicator_layers:1.3,
mobile:true
},
sbtimeline: {
set:true
},
fallbacks: {
allowHTML5AutoPlayOnAndroid:true
},
});
}
});
</script>
<!-- END REVOLUTION SLIDER -->
</div>
</div>
</div>
</section>`
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论