可乐吧俱乐部's Archiver

欢迎来访阿宝鼠的小天地!

admin 发表于 2007-11-4 16:46

highslide图片查看特效(冷酷修改版)

这是一个很好的图片浏览特效,与lightbox特效相比,最大的优势在于它不需要将网页加载完就能加载特效了,可用在任何程序中。
支持浏览器类型:IE5.5、IE6.0、IE7.0、Mozilla Firefox,其它浏览器未测试。
直接下载完整包,里面带一个演示,看演示代码就可知道!
其中版权等修改方法,打开highslide.js
搜索[code]creditsText : '<b>Powered by [url]www.ry168.net[/url]</b>',
creditsHref : 'http://www.ry168.net',
creditsTitle : '点击进入冷酷主页',[/code]把其中的地址换成你自己的就可以了。
如果要修改文件夹路径地址,打开highslide.js
搜索[code]graphicsDir : 'graphics/',[/code]把其中的[code]graphics/[/code]换成你自己的文件夹路径地址。
打开styles.css搜索[code].highslide { cursor: url(graphics/zoomin.cur), pointer;outline: none; }[/code]换成你自己的文件夹路径地址。
打开index.htm搜索[code]<link rel="stylesheet" href="styles.css" type="text/css" />
<script src="highslide.js" type="text/javascript"></script>
<script type="text/javascript">
hs.registerOverlay(
     {
       thumbnailId: null,
       overlayId: 'controlbar',
       position: 'top right',
       hideOnMouseOut: true
   }
);

   hs.graphicsDir = 'graphics/';
   hs.outlineType = 'rounded-white';
   window.onload = function() {
       hs.preloadImages(5);
   }
</script>[/code]把其中的文件夹路径换成你自己的实际路径地址,就可以了。


演示地址:[url]http://www.ry168.net/photo.htm[/url]

页: [1]

Copyright © ry168.net