为了账号安全,请及时绑定邮箱和手机立即绑定

jQuery响应式轮播图插件edslider

标签:
JQuery
(function($, undefined) {
    $.fn.lazyload = function (options) {      
        return this;
    };
    $.inScreen = function (e) {
        return this;
    }
})(jQuery, undefined);
$(function(){
    var resourceUrl='//cdn3.maxuscloud.com/r/cms'
    var url = resourceUrl+"/pc/img/newhome/wx-lazy.jpg";
    $('.mySlideshow').edslider({
        width : '100%',
        height: 500,
        progress:false,
        interval:25
    });
});
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="//cdn3.maxuscloud.com/r/cms/pc/css/newhome/elastislide.css">
<link rel="stylesheet" type="text/css" href="//cdn3.maxuscloud.com/r/cms/pc/css/newhome/edslider.css">
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="//cdn3.maxuscloud.com/r/cms/pc/framework/jquery/jquery-3.1.0.min.js"></script>
<script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="global.js"></script>
<ul class="mySlideshow" style="width: 100%; height: 500px; background-image: none; background-repeat: no-repeat; background-position: center center;">
    <li class="current" style="height: 500px; width: 100%; display: list-item;"><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/93/f/201709271156500902502.jpg" class="lazy" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/93/f/201709271156500902502.jpg" style="width: 100%; height: 100%;"></li>
    <li style="height: 500px; width: 100%; display: none;" class=""><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/69/bb/201709251728059033801.jpg" class="lazy" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/69/bb/201709251728059033801.jpg" style="width: 100%; height: 100%;"></li>
    <li style="height: 500px; width: 100%; display: list-item;" class=""><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/ca/93/201709251717024198302.jpg" class="lazy" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/ca/93/201709251717024198302.jpg" style="width: 100%; height: 100%;"></li>
    <li style="height: 500px; width: 100%; display: list-item;" class=""><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/dc/61/201709211038349445956.jpg" class="lazy" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/dc/61/201709211038349445956.jpg" style="width: 100%; height: 100%;"></li>
    <li style="height: 500px; width: 100%; display: none;" class=""><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/77/6c/201708181429231701911.jpg" class="lazy" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/77/6c/201708181429231701911.jpg" style="width: 100%; height: 100%;"></li>
    <li style="height: 500px; width: 100%; display: none;" class=""><img class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/c8/24/201708171818135293268.jpg" class="lazy" data-original="https://cdn3.maxuscloud.com/wxc2b/upload/cms/c8/24/201708171818135293268.jpg" style="width: 100%; height: 100%;"></li>
</ul>
<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="//cdn3.maxuscloud.com/r/cms/pc/js/newhome/jquery.edslider.js"></script>
<script type="text/javascript" class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="newIndex.js"></script>
点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消