Ideal-image-slider 幻灯片实例演示

链接:http://zaixianshouce.iteye.com/blog/2316300

http://www.shouce.ren/study/api/s/jq--5733e32bf23bb--index2.html

在线实例

实例演示 默认效果

实例演示 淡入淡出

实例演示 带链接

实例演示 项目导航

实例演示 带标题描述

实例演示 回调函数

实例演示 自定义切换

实例:

<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <title>JS幻灯片Ideal Image Slider演示-默认效果_shouce</title>
        <link rel="stylesheet" href="/api/jq/5733e32bf23bb/css/ideal-image-slider.css">
        <link rel="stylesheet" href="/api/jq/5733e32bf23bb/themes/default/default.css">
        <style>
            .shouce { width: 900px; margin: 0 auto;}
            #slider { border-radius: 5px;}
        </style>
    </head>
    <body>
        <h1>默认效果</h1>
        <div class="shouce">
            <div id="slider">
                <img src="/api/jq/5733e32bf23bb/img/1.jpg" data-src-2x="/api/jq/5733e32bf23bb/img/[email protected]" alt="">
                <img data-src="/api/jq/5733e32bf23bb/img/2.jpg" data-src-2x="/api/jq/5733e32bf23bb/img/[email protected]" alt="">
                <img data-src="/api/jq/5733e32bf23bb/img/3.jpg" data-src-2x="/api/jq/5733e32bf23bb/img/[email protected]" alt="">
                <img data-src="/api/jq/5733e32bf23bb/img/4.jpg" data-src-2x="/api/jq/5733e32bf23bb/img/[email protected]" alt="">
            </div>
        </div>
        <script src="/api/jq/5733e32bf23bb/js/ideal-image-slider.min.js"></script>
        <script>
            new IdealImageSlider.Slider(‘#slider‘);
        </script>
    </body>
</html>
时间: 2024-10-23 19:41:00

Ideal-image-slider 幻灯片实例演示的相关文章

100+经典常用的jQuery插件大全实例演示和下载

jQuery 表单插件 jQuery cxCalendar 日期选择器 jQuery cxColor 颜色选择器 jQuery cxSelect 联动下拉菜单 jQuery Validation Engine 表单验证 jQuery soColorPacker 网页拾色器 jQuery AutoComplete 自动补全 jQuery uploadify 文件上传 jQuery FileUpload 文件上传 jQuery LayDate 日期控件 jQuery ClockPicker 圆形时钟

AHK 找字找图,大漠调用实例演示[搬运][复制][拷贝][副本][备份]

;~  AHK 找字找图,大漠调用实例演示[搬运][复制][拷贝][副本][备份] ;~ https://www.autoahk.com/?p=16306;~ https://gitee.com/weiyunwps618/codes/t41vlkhpy0m3wr9568cua42;~ https://www.cnblogs.com/delphixx/p/11835278.html /* https://www.autohotkey.com/boards/viewtopic.php?t=17834

实例演示ThreadLocal和Synchronized针对多线程处理

概述 在java2后,提供了threadlocal.这样一个新的工具类在处理多线程时提供了另外一种与之前不同的解决方案,而且对于开发者来说更加的简洁.它为每个访问这个变量的线程提供一个线程副本,并将这个副本存入到map中.这样就相当于每个线程都拥有自己独立的变量,在多线程并发操作时就不会造成操作数据的不一致.而在单例模式中,使用到的synchronized.它的机制是控制变量只有单线程进行访问,这样对于变量每次只有一个线程来操作句柄就不会操作数据的不一致. ThreadLocal类 Thread

css清除浮动代码实例演示

css清除浮动代码实例演示:在页面中如果采用了浮动,那么清除浮动则是必须要进行的操作,否则可能引起一些意想不到的后果.本章节不会对浮动或者清除浮动的原理做介绍,只是分享一下清除浮动的几段代码,因为有些朋友可能需要的就是一个代码实例,关于浮动或者清除清除浮动的相关内容可以参阅相关阅读.一.使用overflow清除浮动: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <met

SSO之CAS单点登录实例演示

一.概述 此文的目的就是为了帮助初步接触SSO和CAS 的人员提供一个入门指南,一步一步演示如何实现基于CAS的单点登录. CAS的官网:http://www.jasig.org/cas 二.演示环境 本文演示过程在同一个机器上的(也可以在三台实体机器或者三个的虚拟机上),环境如下: windows7 64位,主机名称:michael-pc JDK 1.6.0_18 Tomcat 6.0.29 CAS-server-3.4.11.CAS-client-3.2.1 根据演示需求, 用修改hosts

oracle事务处理及实例演示jdbc操作批量删除

事务 作为逻辑处理的基本单位,对于数据库操作来说由一条或者多条sql语句来构成.当然还有针对非数据库操作的,如在计算机中设置的还原点即是一个很好的应用. 对于事务的基本性质在另一篇中有所叙述:SQL 事务及实例演示 oracle和sql server在事务上区别 sql server中的事务一般分为隐式事务.显式事务.自动提交事务. 自动事务:对于sql server来说,当客户端提交一条sql语句时,这时候sql server都会自动启动一个事务:对于这样的事务,在执行完sql语句后会自动提交

实例演示如何使用RDIFramework.NET 框架的工作流组件进行业务流程的定义—请假申请流程

实例演示如何使用RDIFramework.NET 框架的工作流组件 进行业务流程的定义-请假申请流程 RDIFramework.NET,基于.NET的快速信息化系统开发.整合框架,给用户和开发者最佳的.Net框架部署方案. 参考文章: RDIFramework.NET - 基于.NET的快速信息化系统开发框架 - 系列目录 RDIFramework.NET ━ .NET快速信息化系统开发框架 ━ 工作流程组件介绍 RDIFramework.NET ━ .NET快速信息化系统开发框架 ━ 工作流程

学习ASP.NET MVC框架揭秘笔记-实例演示:SC模式的应用

实例演示:SC模式的应用 为了对SC模式下的MVP,尤其是该模式下的View和Presenter之间的交互方式有一个深刻的认识,我们现在来做一个实例演示.我们采用员工查询的场景,用ASP.NET Web Forms来建立这个简单的应用. 我们先来定义员工的数据类型,Employee来表示一个员工,有5个属性:ID.姓名.性别.出生日期和部门. public class Employee { public string Id { get; private set; } public string

oracle事务处理及实例演示jdbc操作批量删除 2014年8月11日

事务 作为逻辑处理的基本单位,对于数据库操作来说由一条或者多条sql语句来构成.当然还有针对非数据库操作的,如在计算机中设置的还原点即是一个很好的应用. 对于事务的基本性质在另一篇中有所叙述:SQL 事务及实例演示 oracle和sql server在事务上区别 sql server中的事务一般分为隐式事务.显式事务.自动提交事务. 自动事务:对于sql server来说,当客户端提交一条sql语句时,这时候sql server都会自动启动一个事务:对于这样的事务,在执行完sql语句后会自动提交