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>