加载中…
个人资料
热血砂手
热血砂手
  • 博客等级:
  • 博客积分:0
  • 博客访问:119,711
  • 关注人气:172
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
推荐博文
谁看过这篇博文
加载中…
正文 字体大小:

[转载]全景图片浏览器(尺寸自定义)

(2014-05-17 09:42:32)
标签:

转载

分类: 砂手代码

移动鼠标改变移动方向和移动速度

    《全景图片浏览器(自定义尺寸)》是一个通用的图片浏览器。浏览器尺寸最大为1024*768,可容纳图片100张。适用于浏览360度全景照片和快速浏览图片。

    一、博客添加“全景图片浏览器”的代码

EMBED src=http://dashan.gotoip1.com/tpll/quanjing-zdwt.swf width=自定义 height=自定义 type=application/x-shockwave-flash FLASHVARS="tpt=图片网址相同部分amp;tp=图片网址(或图片网址不同部分)amp;cc=图片尺寸amp;tm=图片透明度amp;jx=图片间隙amp;xsd=移动速度amp;kd=自定义(与width相同)amp;gd=自定义(与height相同)" WMODE="transparent" QUALITY="high">/EMBED> 

注意:请将代码中的全角字符改为英文字符<和& 

     代码说明:

     http://dashan.gotoip1.com/tpll/quanjing-zdwt.swf是“全景图片浏览”的SWF网址,其宽度(width)和高度(height)自定义,最大为1024*768。

     FLASHVARS="参数列表"引号中就是要传递的参数。tp和cc必须设置,其他为可选的。不选某参数,即某参数不在参数列表中出现,则取默认值。参数之间用amp;分隔,排列顺序不分前后。

    二、参数说明

     tpt=图片网址相同部分

    使用同一网站的图片网址,其网址前面部分都是相同的。将图片网址中相同部分用一个tpt来定义,它与tp参数组合成完整的图片网址。如果不选用此参数,则tp必须是完整的图片网址

    tp=图片网址(或图片网址不同部分)

    tp=图片网址1|图片网址2|......|图片网址n    网址之间用竖线字符分隔。

    如果选用了tpt参数则tp=图片网址不同部分1|图片网址不同部分2|......|图片网址不同部分n

    cc=图片尺寸

    cc=宽度*高度(例cc=2100*768)  宽度与高度用*字符分隔。

    选用的图片尺寸必须是一样的。全景图片最好预加工成高度不超过768的图片,如果宽度大于2800,请加工为数张宽度相同的图片。

    tm=图片透明度

    tm=1—100  设置图片透明度,取值范围1至100,默认为100,即透明度为100%(不透明)

    kd=舞台宽度

    kd=正整数(设置与width一样)  舞台宽度即图片浏览器的宽度。

    gd=舞台高度

    kd=正整数(设置与height一样)  舞台高度即图片浏览器的高度。

    jx=图片间隙

    jx=正整数,单位是px。用于快速浏览图片,设置图片之间的间隙。

    全景图片不要设置此参数。

    xsd=移动速度

    xsd=正整数  设置移动速度系数,xsd与鼠标位置共同决定移动的速度。默认50,数值大速度慢。

    三、实例代码

TABLE style="POSITION: relative; WIDTH: 1024px; HEIGHT: 768px; TOP: 0px; LEFT: -280px" cellSpacing=4 background=0 align=center>
TBODY>
TR>
TD>EMBED height=768 type=application/x-shockwave-flash width=1024 src=http://dashan.gotoip1.com/tpll/quanjing-zdwt.swf FLASHVARS="tp=http://sc.168g.com/scew/nRFile/FileDesk/004/1536/1536-58737j.jpgamp;cc=2100*768amp;xsd=40amp;kd=1024amp;gd=768" QUALITY="high" WMODE="transparent" >/EMBED>/TD>/TR>/TBODY>/TABLE>

注意:请将代码中的全角字符改为英文字符<和& 

    四、快速浏览图片实例

快速浏览图片实例代码:

EMBED height=450 type=application/x-shockwave-flash width=690 src=http://dashan.gotoip1.com/tpll/quanjing-zdwt.swf FLASHVARS="tpt=http://sc.168g.com/scew/nRFile/FileDesk/003/1185/1185-452amp;tp=83c.jpg|82l.jpg|81k.jpg|80b.jpg|79o.jpg|78e.jpg|77q.jpg|76w.jpg|75g.jpg|74o.jpg|73b.jpg|72q.jpg|71k.jpg|70x.jpg|69j.jpg|68x.jpg|67g.jpg|66h.jpg|65q.jpg|64r.jpg|63k.jpg|62t.jpg|61c.jpg|60n.jpg|59j.jpg|58t.jpg|57z.jpg|56c.jpg|55x.jpg|54s.jpgamp;cc=1024*768amp;jx=5" QUALITY="high" WMODE="transparent">/EMBED>

注意:请将代码中的全角字符改为英文字符<和& 

全景图片浏览器应用实例(图片设置透明度40%)原作:翁奕童苑 

[转载]全景图片浏览器(尺寸自定义)

0

  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 电话:4000520066 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有