revolution slider模块不显示

发布于 2022-09-12 02:10:06 字数 20310 浏览 25 评论 0

这个幻灯显示代码是从原网站(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>&nbsp;&nbsp;&nbsp; 1. Set 'Module General Options' ->  'jQuery & OutPut Filters' -> 'Put JS to Body' to on";
                                    err += "<br>&nbsp;&nbsp;&nbsp; 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文