参数

  • linkTitle: 点击图片提示信息，默认为 ‘点击查看原图’

  • direction: 箭头显示方向，水平方向 (horizontal) 和垂直方向 (vertical)，默认为 ‘horizontal’

如何使用

1、导入

1
2

<link rel="stylesheet" href="css/jquery.imagebox.css" />
<script type="text/javascript" src="js/jquery.imagebox.js"></script>

2、使用

1
2
3
4
5
6

$('element').imagebox();

$('element').imagebox({
    linkTitle: '查看原图',
    direction: 'vertical'
});

3、截图

截图2

截图1

源码

源码见 github

特别感谢：echo 的提供的图片切换功能，以及图片素材