问题描述
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,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,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,480",gridwidth: 1100,gridheight: 868,perspectiveType: "local",responsiveLevels: "1240,progressBar: {disableProgressBar: true},navigation: {
onHoverStop: false
},parallax: {
levels: [1,3,4,5,6,7,12,16,10,50,47,48,49,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,fallbacks: {
allowHTML5AutoplayOnAndroid: true
},});
}
});
} // End of RevInitScript
if (document.readyState === "loading") window.addEventListener('DOMContentLoaded',function () {
revinit_revslider41();
}); else revinit_revslider41();
</script>
</rs-module-wrap>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)