SmallImageView缩略图显示程序

fanflash

SmallImageView缩略图显示程序(从我的iv3中分离出来的)

功能:用来嵌入在网页中显示缩略图(如淘宝list状态下左边的小图)


主要说明:
1.显示缩略图(当缩略图比较大时对比IE直接加载,优势更明显)
2.众多的参数设置选项
3.可自动保持图片的纵横比
4.完整的加载状态显示(包括连接状态,加载状态,出错状态)
5.假死重新加载
6.加载失败重试smallimageview参数说明参数可选值默认值(当没有设置参数或参数不合法时使用)值说明功能说明url空fanflash.cn/logo.gif必填项图片的地址,图片格式可以有jpg,gif,png.
w空110显示区域的宽如果下面auto设置为t的话,那么这项值将无效h空110显示区域的高如果下面auto设置为t的话,那么这项值将无效color空0xffffff(白)背景颜色设置程序的背景颜色autot of ff是否使用SWF大小因为默认值就是f了,所以如果不是t的话,就可以不用写了scalet or ft是否要维持纵横比维持纵横比是让图片在给定的显示区域内显示出最大的没有失真的图片,如果这个项是写f的话,那么图片将与显示区域一样大,另外,因为默认值是t,所以,如果不是f的话就不用写了timeout空7000假死重新加载时间,单位是毫秒(注:1000毫秒等于1秒)与超时检测有点类似,但超时检测是判断总的时间,这不科学,因为如果图片大的话,用与小图片相同的设置就不合理,假死重新加载检测的是加载字节停留在同一个数值的时间,当没有重新加载新的字节到设定的这一时间时,他就会重新加载这个图片taut空1加载的总次数也就是加载让加载器加载几次,当这个值为1的时候,出错重载,和假死重载都将失效,默认值是1openurl空空单击打开的网页当这个没有这个值时,将没有单击事件.frame空_Blank在那一个框架打开默认的是在新的网页中打开下载地下:http://www.fanflash.cn/iv/sis1.4.swf

示例:
1.只要一个必要参数
http://www.fanflash.cn/iv/sis1.4.swf?url=http://photo5.56.com/albums/userpics/datad/11/57/9833079%7C1157121677457b2a041e0cd.jpg&.swf

2.加一个背影颜色
http://www.fanflash.cn/iv/sis1.4.swf?url=http://photo5.56.com/albums/userpics/datad/11/57/9833079%7C1157121677457b2a041e0cd.jpg&color=0xcccccc&.swf

3.加一个点击可以打开窗口的
http://www.fanflash.cn/iv/sis1.4.swf?url=http://photo5.56.com/albums/userpics/datad/11/57/9833079%7C1157121677457b2a041e0cd.jpg&color=0xcccccc&openurl=http://www.fanflash.cn&.swf

5.适应SWF+不要维持纵横比(如果在新的网页直接浏览,就是全屏了)
http://www.fanflash.cn/iv/sis1.4.swf?url=http://photo5.56.com/albums/userpics/datad/11/57/9833079%7C1157121677457b2a041e0cd.jpg&auto=t&scale=f&.swf

就写这多么,记得如果直接打开这种带参数的SWF,后面要加个&.SWF

[ 本帖最后由 fanflash 于 2007-1-14 00:29 编辑 ]

korpton

好东西



SmallImageView缩略图显示程序帮助说明
Author:fanflash
Date:2007-1-15
www.fanflash.cn

一.功能:
用来嵌入在网页中显示缩略图(如淘宝list状态下左边的小图)
二.主要特点:
1.显示缩略图(当缩略图比较大时对比IE直接加载,优势更明显)
2.完整的程序自定义
3.可自动保持图片的纵横比
4.完整的加载状态显示(包括连接状态,加载状态,出错状态)
5.假死重新加载
6.加载失败重试
7.图片信息显示
8,可定义加载失败显示图片
9...更多功能,等待你的发现

三.参数说明:


四.网页内嵌注意事项:
在此特别感谢八目妖(blog.haha168.com)为本程序进行多浏览器使用测试并提出意见,下面是他总出的注意事项:
根据实际测试，如果使用<embed...>的Flash调用方法，同一页面使用本Flash缩略图组件过多,IE、Maxthon下会出现“假死”的现象。IE下必须使用<object...>的Flash使用方法才不会有任何问题。
相反，如果FF（火狐）浏览器下，使用object的方法，会有一些意外，可能出现参数传递不完全的问题。
为了兼容性，推荐使用Flash官方的标准调用方法。
下面是参考写法（IE6.0、Maxthon 1.5.9、FireFox测试全部通过）：
<object id="FlashShowImageObject" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="120" height="120">
上面是调用object，不用管，直接抄写就行。但是注意，width和height的参数是Flash的长、宽，自己定义吧.
<param name="movie" value="http://bbs.haha168.com/show.swf" />
本缩略图组件的地址，可以使用绝对路径和相对路径
<param name="quality" value="high" />
Flash品质，不用管，照抄
<param name="FlashVars" value="fu=http://bbs.haha168.com/club/UploadFile/month_0701/20071152014231385.jpg&fw=120&fh=120&fa=t&fibc=0x000000&fc=0xcccccc&fi=t&fo=fileshow.asp?boardid=11||id=6896">
Value里面就是本缩略图组件的各项需要传递的参数，示例取自haha168.com，可以看看效果
<embed src="http://bbs.haha168.com/show.swf" quality="high" id="FlashShowImageObject" name="FlashShowImageObject" FlashVars="fu=http://bbs.haha168.com/club/UploadFile/month_0701/20071152014231385.jpg&fw=120&fh=120&fa=t&fibc=0x000000&fc=0xcccccc&fi=t&fo=fileshow.asp?boardid=11||id=6896" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120"></embed>
为了FireFox等浏览器的兼容性，必须还要一个embed调用方法(放在object后面,让IE优先调用object)
</object>
　
小结：还是使用Flash官方写法吧……人家虽然代码多了点，但是兼容性肯定比省略写法好多了……

五.程序示例:
1.只要一个必要参数
http://www.fanflash.cn/iv/sis2.3.swf?fu=http://photo5.56.com/albums/userpics/datad/11/57/9833079%7C1157121677457b2a041e0cd.jpg&.swf
2.加一个背影颜色
http://www.fanflash.cn/iv/sis2.3.swf?fu=http://photo5.56.com/albums/userpics/datad/11/57/9833079%7C1157121677457b2a041e0cd.jpg&fc=0xcccccc&.swf
4.有显示图片信息+背景为白+前景为黑+背景透明度为70
http://www.fanflash.cn/iv/sis2.3.swf?fu=http://photo5.56.com/albums/userpics/datad/11/57/9833079%7C1157121677457b2a041e0cd.jpg&fc=0xcccccc&fi=t&fitc=0x000000&fibc=0xffffff&fia=70&.swf
3.加一个点击可以打开窗口的
http://www.fanflash.cn/iv/sis2.3.swf?fu=http://photo5.56.com/albums/userpics/datad/11/57/9833079%7C1157121677457b2a041e0cd.jpg&fc=0xcccccc&fo=http://www.fanflash.cn/article.asp?id=74&.swf
5.适应SWF+不要维持纵横比(如果在新的网页直接浏览,就是全屏了)
http://www.fanflash.cn/iv/sis2.3.swf?fu=http://photo5.56.com/albums/userpics/datad/11/57/9833079%7C1157121677457b2a041e0cd.jpg&fr=t&fs=f&.swf另外,记得如果直接打开这种带参数的SWF,后面要加个&.SWF

六.下载地址:
下载地址:http://www.fanflash.cn/iv/sis2.3.swf
帮助文件(word)+程序:下载


七:演示地址:
http://bbs.haha168.com/club/showimg.asp?star=2&boardid=0&filetype=1&username=&tab=4
查看演示需要注册,这里给一个测试号:
userName:isi
password:123456

[ 本帖最后由  于 2007-1-17 01:46 编辑 ]



由于测试网站改版,大家要看实际使用效果,请上经典入目妖社区,然后点击,论坛展示~~~