Highslide图片浏览效果

作者：阿圣(Sfan) 发布于：2009-4-14 23:51 Tuesday 分类：Web

 

Highslide，与ightbox2相比
1.点击后,可以移动它l
2.可以同时点击放大几张图片
3.用户体验更加接近桌面

看效果:(点击图片体验)

Highslide图片浏览效果Highslide图片浏览效果 实例

给自己的Blog 也加上了

emlog添加方法~（3.1）

1.下载附件Highslide.rar解压上传到模版目录...\content\templates\XXXXXX

2.修改 模版目录的header.php文件..在<head> </head>之间加上
--------------------------------------
<link href="<?php echo $em_tpldir; ?>highslide/highslide.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<?php echo $em_tpldir; ?>highslide/highslide.js"></script>
<script type="text/javascript">   
    hs.graphicsDir = '<?php echo $em_tpldir; ?>highslide/graphics/';
        //hs.captionId = 'caption';
    hs.outlineType = 'rounded-white';
</script>
----------------------------------

3.下载 common.rar 解压 上传到..\admin\views\default 覆盖 common.js


以上操作完成后,(清空IE缓存).以后上传图片插入到日志中的..都会效果的..


/Ps.修改.覆盖文件前..请先备份原件,
 

标签: Highslide

评论(9) 引用(0) 浏览(10845)

Powered by emlog 湘ICP备08103487号