简单的用法
只要添加一些图片, 然后 点击它们
<img src="img.jpg" data-expander/>
容易使用的选项
直接简单地添加任何选项 HTML
<img src="img.jpg" data-expander='{animation:"diamond", speed: "normal", theme "light"}'/>
选项使用 :
查看所有的选项
- 动画:
- diamond
- turn3d
- flip4d
- rotate
- fade
- default
- 速度:
- fast
- normal
- slow
- 风格:
- light
- dark
- url:
(这是用来显示原始图像如果高清或大图,也可以用来显示一个完全不同的图像比原始的)
漂亮的动画效果
Set up to 5 different animations!
<img src="img.jpg" data-expander='{animation:"diamond"}'/>
{animation:"default"}
{animation:"diamond"}
{animation:"turn3d"}
{animation:"flip3d"}
{animation:"rotate"}
{animation:"fade"}
调整动画速度
动画效果可以这么做:
<img src="img.jpg" data-expander='{animation:"diamond", speed:"fast"}'/>
<img src="img.jpg" data-expander='{animation:"diamond", speed:"normal"}'/>
<img src="img.jpg" data-expander='{animation:"diamond", speed:"slow"}'/>
{speed:"fast"}
{speed:"normal"}
{speed:"slow"}
用你自己的 <Code/>
动画速度:
<img id="fooId" src="img.jpg" data-expander/>
触发图片变大
<script>
$("#fooId").trigger("expand");
</script>
Click Me