旋转放大图片查看插件

html中引入地址：

     <script src="{$Think.const.PUBLIC_PATH}js/jquery-1.6.1.min.js"></script>

    <script src="{$Think.const.PUBLIC_PATH}js/jquery.artZoom.js"></script>

    <link href="{$Think.const.PUBLIC_PATH}css/jquery.artZoom.css" rel="stylesheet" type="text/css">

js部分：

<script>

    jQuery(function ($) {

        // var path = 

        $('.artZoom').artZoom({

            // path: './images',   // 设置artZoom图片文件夹路径

            preload: true,      // 设置是否提前缓存视野内的大图片

            blur: true,         // 设置加载大图是否有模糊变清晰的效果

            

            // 语言设置

            left: '左旋转',        // 左旋转按钮文字

            right: '右旋转',       // 右旋转按钮文字

            source: '看原图'       // 查看原图按钮文字

        });

        

        $('#myEmail').html(1987 + '.tangbin@' + 'gmail.com');

    });

</script>

html：

 <a href="{$fan_card_url}" rel="{$fan_card_url}"><img class="artZoom" src="{$fan_card_url}" /></a>