文档章节

ChangeImg2.0简单图片项显示

tianma3798
 tianma3798
发布于 2015/12/02 15:28
字数 217
阅读 12
收藏 0

注释说明:

/*
* 简单图片切换2.0
* 1.可配置控件大小,显示区大小、隐藏去大小
* 2.可控制箭头大小,箭头颜色
* 注意:
* 1.调用不要在 页面加载完成后执行
* 2.修改切换的显示效果
* 3.添加切换时间  changeTime
*/

使用实例:

    <div class="changeImg">
        <div data-options="{
             imgurl:'../Images/1.jpg',
             link:'http://www.baidu.com',
             title:'图片Two'
             }"></div>
        <div data-options="{
             imgurl:'../Images/2.jpg',
             link:'http://www.baidu.com',
             title:'图片Two'
             }"></div>
        <div data-options="{
             imgurl:'../Images/3.jpg',
             link:'http://www.baidu.com',
             title:'图片Two'
             }"></div>
        <div data-options="{
             imgurl:'../Images/4.jpg',
             link:'http://www.baidu.com',
             title:'图片Two'
             }"></div>
    </div>
    <script type="text/javascript">
        var changeImg = $('.changeImg').changeImg({
            width: 1004,//宽度
            height: 285,//高度
            showWidth: 817,//显示区宽度
            showHeight: 285,//显示区高度
            hideWidth: 175,//隐藏区宽度
            hideHeight: 60,//隐藏区高度
            autoTime:2000
        });
    </script>

显示结果预览:

github下载地址:

https://github.com/tianma3798/ChangeImg/

© 著作权归作者所有

共有 人打赏支持
tianma3798
粉丝 9
博文 113
码字总数 31566
作品 0
济南
高级程序员
私信 提问
js城市三级联动效果

重点就是全国城市的json数据,逻辑就是简单的循环查找和返回对应索引。 加入变换事件的回调处理接口。 效果截图和下载地址:js城市三级联动效果下载地址 部分代码,运行前需要加入json格式城...

透笔度
2016/05/27
222
0
iOS之Settings.Bundle的应用

Settings.Bundle Settings.Bundle支持六种配置项分别是:Title,MultiValue,Group,Slider,ToggleSwitch,TextField 。 Title Type:配置类型,默认是Title Title:配置项显示的Title Ide...

路人Q
08/07
0
0
简单21点纸牌小游戏纸牌显示的修改

上次写的随笔,简单21点纸牌小游戏,当窗体大小改变时,纸牌画面会出现不显示的问题,因为每一张牌都是用GDI+的方法,从图片中剪裁下来的,没有用到vs提供的控件,如PictureBox控件,这就需要...

chonglang
10/07
0
0
Highmaps网页图表教程之数据标签与标签文本

Highmaps网页图表教程之数据标签与标签文本 Highmaps数据标签 数据标签用于在地图图表上展现节点对应的数据。数据标签展现数据是静态的,只要节点一加载,数据标签就会出现在节点附近。在Hig...

大学霸
2015/08/17
0
0
ExtJs二(实现登录)

前言   在上一次http://www.cnblogs.com/aehyok/archive/2013/04/17/3025957.html主要是搭建Ext环境,本次课程主要是通过Ext组件来实现登录。 开始动手 1.在解决方案资源管理器中选择Scrip...

aehyok
2013/04/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

缓存穿透,缓存雪崩的四种解决方案

前言 设计一个缓存系统,不得不要考虑的问题就是:缓存穿透、缓存击穿与失效时的雪崩效应。 缓存穿透 缓存穿透是指查询一个一定不存在的数据,由于缓存是不命中时被动写的,并且出于容错考虑...

小致dad
29分钟前
3
0
PHP 文字生成透明图片之路

摘要:在现在的开发中会经常运用到生成图片的功能,常用的验证码生成等。PHP语言生成图片需要用到GD2功能模块,所以基本的图片,图形处理都是没什么压力滴。 准备: 1、打开GD2模块,在php.i...

昙花一现
29分钟前
1
0
impala系列: 基本命令和jdbc连接

--======================= 使用impala-shell 登录 --======================= impala-shell --auth_creds_ok_in_clear -l -i ip_address -u user_name --======================= JDBC dri......

hblt-j
30分钟前
2
0
CSS实例详解:Flex布局

本文由云+社区发表 本文将通过三个简单的实例,实际应用上篇文章的基础理论知识,展示下Flex布局是如何解决CSS布局问题。 一.垂直居中 这里同时用非flex布局和flex布局两种方式来实现,可以...

腾讯云加社区
36分钟前
6
0
安装全局webpack

https://www.jianshu.com/p/119a825d8bba npm ls webpack 和npm ls webpack -g 查看本地和全局版本 npm install webpack@1.15.0 -g 全局 然后到项目里面 npm install npm init npm install w......

lsy999
48分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部