简å•çš„用法
åªè¦æ·»åŠ 一些图片, ç„¶åŽ ç‚¹å‡»å®ƒä»¬
<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
- 速度:
- é£Žæ ¼:
- 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