zoukankan      html  css  js  c++  java
  • ajax请求图片添加到swiper

    使用swiper制作轮播图的时候,轮播的图片大概率是使用ajax从后台获取到的。每一次获取图片都要重新初始化swiper.


    $.ajax({
    type: "get",
    url: "update/",
    dataType: "json",
    success: function(data) {
    data = JSON.parse(data);
    console.log(data);
    for(var i = 0; i < data.length; i++) {
    $('.banner .swiper-wrapper').append($('<div class="swiper-slide"><img src=' + data.path + '/></div>'))
    };
    var swiper = new Swiper('.swiper-container', {
    loop: true,
    centeredSlides: true,
    autoplay: {
    delay: 2500,
    },
    pagination: {
    el: '.swiper-pagination',
    clickable: true,
    },

    });
    },
    error: function() {

    }
    });

  • 相关阅读:
    魔法跳舞链 51Nod
    反射
    JDBC---后端服务器与数据库交互的桥梁
    多线程
    IO流
    继承与重写
    java.util包
    多态
    Java.lang包
    异常
  • 原文地址:https://www.cnblogs.com/yinhuiyang/p/8888239.html
Copyright © 2011-2022 走看看