Lory

简约的轮播组件
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery图片展示/幻灯插件
软件类型 开源软件
地区 不详
投 递 者 孙经艺
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Lory 是一组简约的轮播组件库,支持的平台:

安装:

npm install --save lory.js

在ES2015模块中的应用:

    import {lory} from 'lory.js';

    document.addEventListener('DOMContentLoaded', () => {
        const slider = document.querySelector('.js_slider');

        lory(slider, {
            // options going here
        });
    });

在commonJS模块中的应用:

    var lory = require('lory.js').lory;

    document.addEventListener('DOMContentLoaded', function() {
        var slider = document.querySelector('.js_slider');

        lory(slider, {
            // options going here
        });
    });

Demo 演示。

 相关资料
  • 我们的轮播组件式稳定的多功能的,他可以是图片滑块,轮播组件项,初次体验。他可以使你在手机很便利的使用。 注意:这个组件支持触摸,同过手指滚动这个组件。 <div class="carousel"> <a class="carousel-item" href="#one!"><img src="https://www.wenjiangs.com/wp-content/uploads/2020

  • 轮播组件是mui提供的一个核心组件,在该核心组件基础上,衍生出了图片轮播、可拖动式图文表格、可拖动式选项卡、左右滑动9宫格等组件,这些组件有较多共同点。首先,Dom构造基本相同,如下: <div class="mui-slider"> <div class="mui-slider-group"> <!--第一个内容区容器--> <div class="mui-slider

  • 简介 yii2 Carousel是一个基于JavaScript的图片轮播组件,使用Carousel可以快速的在网站任意位置放置一个图片轮播的效果 实例 <?php echo Carousel::widget([ 'items' => [ // 只有图片的格式 '<img src="http://www.yii-china.com/statics/images

  • 本文向大家介绍简单的JS轮播图代码,包括了简单的JS轮播图代码的使用技巧和注意事项,需要的朋友参考一下 在团队带人,突然被人问到轮播图如何实现,进入前端领域有一年多了,但很久没自己写过,一直是用大牛写的插件,今天就写个简单的适合入门者学习的小教程。当然,轮播图的实现原理与设计模式有很多种,我这里讲的是用面向过程函数式编程去实现,相对于面向对象设计模式,代码难免会显得臃肿冗余。但没有面向对象的抽象却

  • 本文向大家介绍轮播的简单实现方法,包括了轮播的简单实现方法的使用技巧和注意事项,需要的朋友参考一下 1.闪现方式的轮播 不论述,实现比较简单,效果也比较好 2.滑动轮播 以下面的html代码为例(向左滑动) 插件源码:实现向左和向上轮播,手动切换也是向左和向上切换(手动切换关键源码) 滑动轮播的实现方式主要有两种 1)切换父元素margin-left,将第一个子元素不断添加到父容器结尾 简单实现

  • 本文向大家介绍简单实现android轮播图,包括了简单实现android轮播图的使用技巧和注意事项,需要的朋友参考一下 轮播图是很常用的一个效果 核心功能已经实现 没有什么特殊需求 自己没事研究的 所以封装的不太好 一些地方还比较糙 为想要研究轮播图的同学提供个参考 目前测试图片为mipmap中的图片 没有写从网络加载图片 可自行根据需求在getShowView()方法中修改 1.定时切换 通过h