革命滑块 Jquery 不采取第二张幻灯片,只显示一个图像(第一张幻灯片)

时间:2021-01-21 14:29:07

标签: html jquery css revolution-slider

Revolution slide Jquery 只拍摄第一张图片,不拍摄第二张幻灯片,第一张幻灯片有文字动画和来自左侧的几张烟雾图片。我想要具有相同功能但另一个横幅的第二张幻灯片。复制粘贴相同的代码,但仍然无法正常工作。非常感谢任何帮助,

<rs-module-wrap id="rev_slider_4_1_wrapper" data-source="gallery"
                                                    style="background:transparent;padding:0;">
                                        <rs-module id="rev_slider_4_1" style="" data-version="6.2.21">
                                           
                                            <rs-slides>
                                                <rs-slide data-key="rs-5" data-title="Slide"
                                                          data-anim="ei:d;eo:d;s:1050;r:0;t:fade;sl:d;">
                                                    <img src="images/banner.jpeg" title="Home"
                                                         data-parallax="off" class="rev-slidebg bg-image" data-no-retina>
                                             
                                                    <rs-layer
                                                            id="slider-4-slide-5-layer-6"
                                                            class="rs-pxl-2"
                                                            data-type="image"
                                                            data-rsp_ch="on"
                                                            data-xy="x:-98px;y:b;yo:-238px;"
                                                            data-text="l:22;"
                                                            data-dim="w:375px;h:492px;"
                                                            data-basealign="slide"
                                                            data-frame_0="tp:600;"
                                                            data-frame_1="o:0.25;tp:600;e:power2.inOut;st:1500;sR:1500;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:7200;"
                                                            style="z-index:5;">
                                                        <img src="smokefromleftside.png"
                                                             data-no-retina>
                                                    </rs-layer>


                                                    <rs-layer
                                                            id="slider-1-slide-1-layer-1"
                                                            class="Title"
                                                            data-type="text"
                                                            data-color="rgba(255, 255, 255, 1)"
                                                            data-rsp_ch="on"
                                                            data-xy="x:c;y:c;yo:67px;"
                                                            data-text="s:114;l:120;fw:400;"
                                                            data-frame_0="o:1;tp:600;gra:0%;blu:20px;"
                                                            data-frame_0_chars="o:0;gra:0%;blu:20px;"
                                                            data-frame_1="tp:600;e:power2.inOut;st:500;sp:3000;sR:500;blu:0px;"
                                                            data-frame_1_chars="dir:random;d:40;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:6300;"
                                                            style="z-index:6;font-family:Raleway;letter-spacing:12px;margin-bottom:190px"
                                                    >TITLE
                                                    </rs-layer>

                                                   
                                                    <rs-layer
                                                            id="slider-4-slide-5-layer-8"
                                                            class="rs-pxl-4"
                                                            data-type="image"
                                                            data-rsp_ch="on"
                                                            data-xy="x:-134px;y:b;yo:-188px;"
                                                            data-text="l:22;"
                                                            data-dim="w:375px;h:492px;"
                                                            data-basealign="slide"
                                                            data-frame_0="rZ:86;tp:600;"
                                                            data-frame_1="o:0.15;rZ:86;tp:600;e:power2.inOut;st:1500;sR:1500;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:7200;"
                                                            style="z-index:7;">
                                                        <img src="smokefromrightside.png"
                                                             data-no-retina>
                                                    </rs-layer>
                                                    <rs-layer
                                                            id="slider-4-slide-5-layer-7"
                                                            class="rs-pxl-7"
                                                            data-type="image"
                                                            data-rsp_ch="on"
                                                            data-xy="x:11px;y:b;yo:-322px;"
                                                            data-text="l:22;"
                                                            data-dim="w:749px;h:678px;"
                                                            data-basealign="slide"
                                                            data-frame_0="tp:600;"
                                                            data-frame_1="o:0.25;tp:600;e:power2.inOut;st:1500;sR:1500;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:7200;"
                                                            style="z-index:8;">
                                                        <img src="smokefromrightside.png"
                                                             data-no-retina>
                                                    </rs-layer>
                                                    <rs-layer
                                                            id="slider-4-slide-5-layer-9"
                                                            class="rs-pxl-6"
                                                            data-type="image"
                                                            data-rsp_ch="on"
                                                            data-xy="x:-15px;y:b;yo:-301px;"
                                                            data-text="l:22;"
                                                            data-dim="w:749px;h:900px;"
                                                            data-basealign="slide"
                                                            data-frame_0="rZ:324;tp:600;"
                                                            data-frame_1="o:0.2;rZ:324;tp:600;e:power2.inOut;st:1500;sR:1500;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:7200;"
                                                            style="z-index:9;">
                                                        <img src="smokefromleftside.png"
                                                             data-no-retina>
                                                    </rs-layer>
                                                    <rs-layer
                                                            id="slider-1-slide-1-layer-1"
                                                            class="Title"
                                                            data-type="text"
                                                            data-color="f5f5f5"
                                                            data-rsp_ch="on"
                                                            data-xy="x:c;y:c;yo:200px;"
                                                            data-text="w:normal;s:20;l:22;a:center;"
                                                            data-dim="w:817px;h:110px;"
                                                            data-frame_0="o:1;tp:600;"
                                                            data-frame_0_chars="o:0;"
                                                            data-frame_1="tp:600;e:power3.out;st:1500;sp:1500;sR:1500;"
                                                            data-frame_1_chars="d:1;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:5810;"
                                                            style="z-index:10;font-family:Raleway;letter-spacing:3px;color:white;margin-bottom:190px"> WELCOME TO MY WEBSITE <br>
                                                        <span style="position:relative;top: 20px;">Title<span
                                                                style="font-size: 20px;">2021</span></span>
                                                    </rs-layer>   
                                                </rs-slide>


                                                <rs-slide data-key="rs-5" data-title="Slide"
                                                          data-anim="ei:d;eo:d;s:1050;r:0;t:fade;sl:d;">
                                                    <img src="images/banner2.jpg" title="Home"
                                                         data-parallax="off" class="rev-slidebg bg-image" data-no-retina>
                                             
                                                    <rs-layer
                                                            id="slider-4-slide-5-layer-6"
                                                            class="rs-pxl-2"
                                                            data-type="image"
                                                            data-rsp_ch="on"
                                                            data-xy="x:-98px;y:b;yo:-238px;"
                                                            data-text="l:22;"
                                                            data-dim="w:375px;h:492px;"
                                                            data-basealign="slide"
                                                            data-frame_0="tp:600;"
                                                            data-frame_1="o:0.25;tp:600;e:power2.inOut;st:1500;sR:1500;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:7200;"
                                                            style="z-index:5;">
                                                        <img src="smokefromrightside.png"
                                                             data-no-retina>
                                                    </rs-layer>


                                                    <rs-layer
                                                            id="slider-1-slide-1-layer-1"
                                                            class="Title"
                                                            data-type="text"
                                                            data-color="rgba(255, 255, 255, 1)"
                                                            data-rsp_ch="on"
                                                            data-xy="x:c;y:c;yo:67px;"
                                                            data-text="s:114;l:120;fw:400;"
                                                            data-frame_0="o:1;tp:600;gra:0%;blu:20px;"
                                                            data-frame_0_chars="o:0;gra:0%;blu:20px;"
                                                            data-frame_1="tp:600;e:power2.inOut;st:500;sp:3000;sR:500;blu:0px;"
                                                            data-frame_1_chars="dir:random;d:40;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:6300;"
                                                            style="z-index:6;font-family:Raleway;letter-spacing:12px;margin-bottom:190px"
                                                    >Title2
                                                    </rs-layer>

                                                   
                                                    <rs-layer
                                                            id="slider-4-slide-5-layer-8"
                                                            class="rs-pxl-4"
                                                            data-type="image"
                                                            data-rsp_ch="on"
                                                            data-xy="x:-134px;y:b;yo:-188px;"
                                                            data-text="l:22;"
                                                            data-dim="w:375px;h:492px;"
                                                            data-basealign="slide"
                                                            data-frame_0="rZ:86;tp:600;"
                                                            data-frame_1="o:0.15;rZ:86;tp:600;e:power2.inOut;st:1500;sR:1500;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:7200;"
                                                            style="z-index:7;">
                                                        <img src="smokefromrightside.png"
                                                             data-no-retina>
                                                    </rs-layer>
                                                    <rs-layer
                                                            id="slider-4-slide-5-layer-7"
                                                            class="rs-pxl-7"
                                                            data-type="image"
                                                            data-rsp_ch="on"
                                                            data-xy="x:11px;y:b;yo:-322px;"
                                                            data-text="l:22;"
                                                            data-dim="w:749px;h:678px;"
                                                            data-basealign="slide"
                                                            data-frame_0="tp:600;"
                                                            data-frame_1="o:0.25;tp:600;e:power2.inOut;st:1500;sR:1500;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:7200;"
                                                            style="z-index:8;">
                                                        <img src="smokefromleftside.png"
                                                             data-no-retina>
                                                    </rs-layer>
                                                    <rs-layer
                                                            id="slider-4-slide-5-layer-9"
                                                            class="rs-pxl-6"
                                                            data-type="image"
                                                            data-rsp_ch="on"
                                                            data-xy="x:-15px;y:b;yo:-301px;"
                                                            data-text="l:22;"
                                                            data-dim="w:749px;h:900px;"
                                                            data-basealign="slide"
                                                            data-frame_0="rZ:324;tp:600;"
                                                            data-frame_1="o:0.2;rZ:324;tp:600;e:power2.inOut;st:1500;sR:1500;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:7200;"
                                                            style="z-index:9;">
                                                        <img src="smokefromleftside.png"
                                                             data-no-retina>
                                                    </rs-layer>
                                                    <rs-layer
                                                            id="slider-1-slide-1-layer-1"
                                                            class="Title"
                                                            data-type="text"
                                                            data-color="f5f5f5"
                                                            data-rsp_ch="on"
                                                            data-xy="x:c;y:c;yo:200px;"
                                                            data-text="w:normal;s:20;l:22;a:center;"
                                                            data-dim="w:817px;h:110px;"
                                                            data-frame_0="o:1;tp:600;"
                                                            data-frame_0_chars="o:0;"
                                                            data-frame_1="tp:600;e:power3.out;st:1500;sp:1500;sR:1500;"
                                                            data-frame_1_chars="d:1;"
                                                            data-frame_999="o:0;tp:600;e:nothing;st:w;sR:5810;"
                                                            style="z-index:10;font-family:Raleway;letter-spacing:3px;color:white;margin-bottom:190px"> WELCOME TO MY WEBSITE <br>
                                                        <span style="position:relative;top: 20px;">Title<span
                                                                style="font-size: 20px;">2021</span></span>
                                                    </rs-layer>   
                                                </rs-slide>
                                            </rs-slides>
                                        
                                           
                                            <!-- 2ND SLIDE -->

                                        
                                        </rs-module>
                                        

                                        <div class="znColumnElement-innerWrapper-eluid5cd3795b znColumnElement-innerWrapper znColumnElement-innerWrapper--valign-center znColumnElement-innerWrapper--halign-left ">
                                            <div class="znColumnElement-innerContent">
                                                <div class="zn_custom_html eluid8b143e04 "><!--[if lt IE 9]>
                                                    <script>document.createElement('audio');</script>
                                                    <![endif]-->
                                                </div>
                                            </div>
                                        </div>

                                        <script type="text/javascript">
                                            setREVStartSize({
                                                c: 'rev_slider_4_1',
                                                rl: [1240, 1024, 778, 480],
                                                el: [],
                                                gw: [1100],
                                                gh: [868],
                                                type: 'hero',
                                                justify: '',
                                                layout: 'fullscreen',
                                                offsetContainer: '',
                                                offset: '',
                                                mh: "0"
                                            });
                                            var revapi4,
                                                tpj;

                                            function revinit_revslider41() {
                                                jQuery(function () {
                                                    tpj = jQuery;
                                                    revapi4 = tpj("#rev_slider_4_1");
                                                    if (revapi4 == undefined || revapi4.revolution == undefined) {
                                                        revslider_showDoubleJqueryError("rev_slider_4_1");
                                                    } else {
                                                        revapi4.revolution({
                                                            sliderType: "hero",
                                                            sliderLayout: "fullscreen",
                                                            visibilityLevels: "1240,1024,778,480",
                                                            gridwidth: 1100,
                                                            gridheight: 868,
                                                            perspectiveType: "local",
                                                            responsiveLevels: "1240,1024,778,480",
                                                            progressBar: {disableProgressBar: true},
                                                            navigation: {
                                                                onHoverStop: false
                                                            },
                                                            parallax: {
                                                                levels: [1, 3, 4, 5, 6, 7, 12, 16, 10, 50, 47, 48, 49, 50, 51, 55],
                                                                type: "mousescroll",
                                                                origo: "slidercenter",
                                                                speed: 1500,
                                                                disable_onmobile: true
                                                            },
                                                            scrolleffect: {
                                                                set: true,
                                                                blur: true,
                                                                grayscale: true,
                                                                maxblur: 2,
                                                                layers: true,
                                                                slide: true,
                                                                multiplicator: 1.7,
                                                                multiplicator_layers: 2,
                                                                tilt: 6,
                                                                disable_onmobile: true
                                                            },
                                                            fallbacks: {
                                                                allowHTML5AutoPlayOnAndroid: true
                                                            },
                                                        });
                                                    }

                                                });
                                            } // End of RevInitScript
                                            if (document.readyState === "loading") window.addEventListener('DOMContentLoaded', function () {
                                                revinit_revslider41();
                                            }); else revinit_revslider41();
                                        </script>
                                    </rs-module-wrap>

0 个答案:

没有答案