舒芳诗林的博客

＊﹏＊﹏＊﹏＊﹏祝福我的人我祝福你一生！〆…

日志

关于我

舒芳诗林

大家好! 我是一个性格颇为内向的人,我有着广泛的爱好,我最大的优点是乐于助人。我喜欢读书,各种书都喜欢,当然啦,我最喜欢音乐,音乐可以陶冶情操,我喜欢天蓝色和银白色,它代表着我想要飞向天空。一年四季里我最喜欢冬天了,没有什么特别的原因吗,秋太过于伤感,夏太过于热情,而春天却太过于温和,冬再好不过了,介于四者之间,可以使人冷静,使人回味。我最喜欢冬天的傲梅,顽强不屈的品质是我学习的目标,我最喜欢雪花的坚持,为达目的地勇往直前。

文章分类

制作图片浏览器可改变宽度、高度

2012-01-18 14:12:36| 分类：博客美化 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自金钥匙《【制作图片浏览器可改变宽度、高度】》

金钥匙博客

钥匙邀请

友情连接

钥匙滞留

在线礼佛

钥匙前言

钥匙陋室

本博指南

【制作图片浏览器可改变宽度、高度】

金钥匙博客和您共创美好家园!

实例一（width=600 height=400 图片切换特效选择全部、随机）

实例二（width=256 height=160 图片切换特效选择部分、顺序）

这是一款通用图片浏览器，可以根据图片的大小，决定SWF（图片浏览器）宽度和高度的。采用参数传递方法，通过博客添加FLASH动画的代码，将图片网址、图片切换特效的编号、特效显示的方式等传送到图片浏览动画中。不需要上传FLASH动画和制作的专门技术，也可以拥有图片浏览的技巧。

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

代码说明：http://dashan.vip5.flashyc.net/swf/sl-tpll(qhbkwtzd).swf 是图片浏览动器网址，这网址是固定不变的。width=宽度：当图片的宽度大于等于600时，width=600，当图片的宽度小于600时，width=图片宽度，height=高度：当图片的高度大于等于450时，height=450，当图片的高度小于450时，height=图片高度，

FLASHVARS="参数列表"引号中就是要传递的参数。红色部分是必须设置的，粉红色部分是可选的。不选某参数，即某参数不在参数列表中出现，则取默认值。参数之间用&分隔，排列顺序不分前后。

二、参数说明

1、图片网址参数

1. （相册的图片现在在《图片浏览器（可改变宽度、高度）》不能使用，请暂停使用）

2. tpt=图片网址相同部分

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

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

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

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

7. tpw=图片网址不同部分简写

8. 该参数仅用于图片网址尾部是连续的序列号。如01、02......nn或001、002......nnn。

9. tpw=01|nn|.jpg 或 tpw=001|nnn|.jpg

10. 注意：此参数必须与tpt参数配套使用，并且不能再用tp参数。

2、图片尺寸参数

cc=图片尺寸

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

注意：选用的图片尺寸必须一致。如果使用新浪相册的图片，请将图片网址尾部&690删除后使用。

3、其他参数

qhfs=切换方式

图片切换特效显示方式：qhfs=0是按编号顺序显示。qhfs=1是随机抽取编号显示。不选用qhfs参数，则默认为随机抽取编号。

txbh=特效编号

图片浏览动画提供110款的图片切换特效，以下是特效的编号。txbh参数提供选择喜欢的图片切换特效。

参数格式：txbh=编号x|编号y|......|编号n 编号之间用竖线字符|分隔。

如果仅需要一种图片切换特效，只要设置参数：txbh=编号（如txbh=1）即可。

不选用txbh参数，则默认为用全部的图片切换特效。

编号　　特效名称
——　——————————　
1　　　01—淡入谈出　　　
2　　　02—拉幕上向下　　　
3　　　03—拉幕左向右　　　
4　　　04—拉幕下向上　　　
5　　　05—拉幕右向左　　　
6　　　06—长方形旋转填位　　　
7　　　07—梯形上下填位　　　
8　　　08—风车　　　
9　　　09—方块排列　　　
10　　　10—三角形向中间合拢　　　
11　　　11—圆角组合　　　
12　　　12—拉幕中间向上下　　　
13　　　13—拉幕中间向左右　　　
14　　　14—方星转向中心　　　
15　　　15—圆转六角旋左向右　　　
16　　　16—圆转八角旋左向右　　　
17　　　17—菱形下拉　　　
18　　　18—细条变化　　　
19　　　19—多角星中心扩散　　　
20　　　20—半圆旋转扩散　　　
21　　　21—圆交叉　　　
22　　　22—拉幕左上向右下　　　
23　　　23—拉幕右上向左下　　　
24　　　24—拉幕左下向右上　　　
25　　　25—拉幕右下向左上　　　
26　　　26—拉幕左上角向右下角　　　
27　　　27—拉幕左下角向右上角　　　
28　　　28—拉幕右下角向左上角　　　
29　　　29—拉幕右上角向左下角　　　
30　　　30—拉幕中心向四周　　　
31　　　31—扇形柄顶下中点　　　
32　　　32—扇形柄顶上中点　　　
33　　　33—扇形柄顶右中点　　　
34　　　34—扇形柄顶左中点　　　
35　　　35—扇形柄顶右下角　　　
36　　　36—扇形柄顶左上角　　　
37　　　37—扇形柄顶右上角　　　
38　　　38—扇形柄顶左下角　　　
39　　　39—条形左边向右边　　　
40　　　40—条形右边向左边　　　
41　　　41—条形上边向下边　　　
42　　　42—条形下边向上边　　　
43　　　43—条形左上角向右下角　　　
44　　　44—条形右下角向左上角　　　
45　　　45—条形右上角向左下角　　　
46　　　46—条形左下角向右上角　　　
47　　　47—淡入谈出　　　
48　　　48—关门左向右　　　
49　　　49—关门右向左　　　
50　　　50—关门下向上　　　
51　　　51—关门上向下　　　
52　　　52—关门左下向右上　　　
53　　　53—关门右下向左上　　　
54　　　54—关门右上向左下　　　
55　　　55—关门左上向右下　　　
56　　　56—大变小向中心　　　
57　　　57—大变小向左角　　　
58　　　58—大变小向上边　　　
59　　　59—大变小向左边　　　
60　　　60—切方块扩散　　　
61　　　61—方块扩散左上向右下　　　
62　　　62—星形转方形中心射出　　　
63　　　63—方转星右上向左下　　　
64　　　64—方转星右下向左上　　　
65　　　65—方转星左下向右上　　　
66　　　66—方转星左上向右下　　　
67　　　67—条形穿插下向上　　　
68　　　68—条形穿插上向下　　　
69　　　69—条形穿插左向右　　　
70　　　70—条形穿插右向左　　　
71　　　71—方形逐个左向右上向下　　　
72　　　72—圆形逐个左向右上向下　　　
73　　　73—星形逐个左向右上向下　　　
74　　　74—方形中心向四周飞出　　　
75　　　75—横条水波　　　
76　　　76—方形上下中间　　　
77　　　77—方形旋转扩散　　　
78　　　78—方形旋转左上向右下　　　
79　　　79—方形旋转上下中间　　　
80　　　80—方形旋转外向内　　　
81　　　81—圆形扩散右移　　　
82　　　82—方块旋转左下向右上　　　
83　　　83—圆交叉变方扩散　　　
84　　　84—方形扩散　　　
85　　　85—方形弓字向下　　　
86　　　86—方星转化右上向左下　　　
87　　　87—方星转化右下向左上　　　
88　　　88—方星转化左上向右下　　　
89　　　89—方星转化左下向右上　　　
90　　　90—拉幕压缩左向右　　　
91　　　91—拉幕压缩上向下　　　
92　　　92—拉幕压缩下向上　　　
93　　　93—拉幕压缩右向左　　　
94　　　94—前段模糊左向右　　　
95　　　95—前段模糊右向左　　　
96　　　96—画轴卷动上向下　　　
97　　　97—画轴卷动左向右　　　
98　　　98—翻页卷下左向右　　　
99　　　99—翻页卷下右向左　　　
100　　　100—翻页卷上左向右　　　
101　　　101—翻页卷上右向左　　　
102　　　102—模糊椭圆中心扩散　　　
103　　　103—模糊五角星旋转扩散　　　
104　　　104—模糊方形中心扩散　　　
105　　　105—模糊左下向右上　　　
106　　　106—方形交叉向中　
107　　　107—挥旗中点右向左
108　　　108—梅花旋转中心扩散
109　　　109—边模糊花朵中心扩散　　
110　　　110—葵花旋转中心扩散　　

实例二代码

代码复制如下:

范例代码

代码复制如下:

金钥匙博客
为了向您展示最完美的页面
本空间的日志设置比较复杂
数据相对比较庞大
为了提高大家的浏览速度
欢迎文字评论
拒绝粘贴图片...
遇到空间显示空白
文字错位
板块偏差
音乐不响等不良现象
这都是空间频繁升级所造成的

金钥匙欢迎朋友们光临!

金钥匙博客特此声明:
如果你喜欢此日志，请点击日志右下方的（推送或引用），或者左下方的（分享）。
让大家分享或引用，也算是对我的支持，谢谢！
▲尊重他人劳动，崇尚网络公德。▲
本博作品欢迎收藏！支持转载！抵制抄袭！严禁剽窃！
引用日志及代码请保留原创字样!
★请朋友尊重朋友的劳动所成果，此筐架请你不要删，希望互相尊重!★
如果你想得到别人的尊重，
那么你首先要学会怎样去尊重别人, 别人同样也会尊重你!

金钥匙再次声明：
不欢迎“复制者”--请文明上网。
您可以在网络找教程，素材，请别复制制作好的博文内容！
请别复制博文，复制专辑，修改专辑链接地址！
您复制--粘贴--也许需要几分钟，
可您知道编辑一篇教程需要多长时间吗？
可您知道编辑一篇图片“文章’需要多长时间吗？
您又知道制作“代码效果”一篇教程需要多长时间吗？
还是一句话：尊重他人劳动，崇尚网络公德。
严禁抄袭他人作品、严禁剽窃他人成果！
光看不留意见的，我将不视为博友！请文明上网！
金钥匙谢谢您的光临，并请留下宝贵意见!

感谢朋友	钥匙小语	博客禁忌	博客现象	自我介绍	建博语感
开博心感	钥匙咀嚼	博友概念	钥匙玉言	关于版权	设计事项
关于钥匙	钥匙建议	金钥匙为你服务--问题专区		公告宣言	告知心语
坦荡的心	加友看法	人品有多美，空间就有多美		我的搏客	网聊必须
空间邀请	遇上网友	缘聚屏前感谢朋友		逛博有感	博客随感
博友之歌	不宜交往	查看关于本博的更多信息		博客空间	致我网友

评论这张

转发至微博

阅读(432)| 评论(101)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087067083086086066083082085074072087086069082084082064086085',
              blogTitle:'制作图片浏览器可改变宽度、高度',
              blogAbstract:'<p align=\"center\"                      \><img src=\"http://img387.ph.126.net/oIqBBzeUlSsFTNFAUhHThQ==/967148019977886659.gif\"                      \></p\> ',
              blogTag:'',
              blogUrl:'blog/static/176624323201201733842214',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1326867156646,
              publishTime:1326867156584,
              permalink:'blog/static/176624323201201733842214',
              commentCount:101,
              mainCommentCount:38,
              recommendCount:3,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'大家好! 我是一个性格颇为内向的人,我有着广泛的爱好,我最大的优点是乐于助人。我喜欢读书,各种书都喜欢,当然啦,我最喜欢音乐,音乐可以陶冶情操,我喜欢天蓝色和银白色,它代表着我想要飞向天空。一年四季里我最喜欢冬天了,没有什么特别的原因吗,秋太过于伤感,夏太过于热情,而春天却太过于温和,冬再好不过了,介于四者之间,可以使人冷静,使人回味。我最喜欢冬天的傲梅,顽强不屈的品质是我学习的目标,我最喜欢雪花的坚持,为达目的地勇往直前。',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/176624323201201733842214">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

舒芳诗林的博客

导航

日志

制作图片浏览器可改变宽度、高度

历史上的今天

最近读者

热度

评论

页脚