火力光波的博客

火一般的热情光一样的速度

日志

关于我

火力光波

文章分类

配乐图片浏览器-配文复制图片地址

2016-01-14 08:59:34| 分类：图片浏览器 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

一、浏览器特点
1、图片配文设置：图片配文可与图片同步，或统一配文。
2、图片自动切换：鼠标移入画面，图片暂停切换；鼠标移出，图片将自动切换。
3、对话框的使用：鼠标点击画面，弹出对话框，可进行如下操作：
     查看另存图片，复制图片地址，手动切换图片，打开关闭音乐，查看有关信息，关闭对话框等。
      不足：在配文属性块中，增加文字行距、段落设置；弹出对话框挡住正中视线，应调整对话框的位置。
二、浏览器代码
<DIV align=center><EMBED height=500 type=application/x-shockwave-flash width=800 src=http://cartoon.nie.163.com/upfile/author_id=92&urs=88llbb@163.com&art_id=17842&fn=production.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" flashvars="参数列表"></DIV>
参数列表：tp=图片地址|图片地址|...&tptm=图片填满方式&gdxg=过渡效果&qhsj=切换时间&ff=flash素材地址#素材x坐标#素材y坐标#素材宽#素材高&wz=文字|文字|...&wzsx=文字大小#文字颜色.描边颜色#文字x坐标#文字y坐标#文字显示宽度#文字显示高度#是否黑体#移动方式&gqdz=配乐地址|配乐名称
说明：参数列表中的代码都可以去除，也可以保留不动！
三、参数注解
1、图片参数
tp= 图片地址。tp=图片地址|图片地址|...，图片数量不限，中间用竖条符隔开；只添加一张图片时，图片不会动。
tptm=图片填满方式。指图片尺寸不一样时，小图要与大图一样显示的方式。
      tptm=1 表示所有图片尺寸等比拉伸为一样大小，图片不变形，像素会降低，会裁剪部分。
      tptm=2 表示所有图片尺寸不等比拉伸，图片变形，像素会降低，显示全图，不裁剪。
     如果所有图片尺寸一样，并且视窗尺寸（width= height=）也设置一样，即可去除（tptm=图片填满方式）这代码。
qhsj=图片切换时间。指下一张图片出现的时间。想几秒就填几秒，如 qhsj=5 表示五秒。
gdxg=图片过渡效果。有12种效果：2为上下分割、3为左右拉帘、4为太阳、5为画圆、6为五角星、7为爱心、8为翻转、
            9为圈圈、10为淡入淡出、11为网格、12为百叶窗、13为十指相扣。不填或去除（gdxg=）这代码表示随机。
2、特效参数
ff= flash特效块。ff=flash素材地址#素材x坐标#素材y坐标#素材宽#素材高，地址中若含“&”可换成“!”再调用，可添加俩个素材，
      如：ff=flash素材地址1#素材x坐标#素材y坐标#素材宽#素材高|素材地址2#素材x坐标#素材y坐标#素材宽#素材高。
3、配文参数
wz=配文内容。wz=文字|文字|...，可与图片同步配文，如没“|”分隔符表示所有图片一样文字，并可向左或向上移动，即（wzsx=）里的最后“移动方式”。
wzsx=配文属性块。wzsx=文字大小#文字颜色.描边颜色#文字x坐标#文字y坐标#文字显示宽度#文字显示高度#是否黑体#移动方式。文字属性之间用#和.隔开。
          文字大小默认是26号；颜色六位数字或字母或组合，如 ff00ff 这样；“是否黑体”写0或不填表示宋体，写 1 为黑体；
        “移动方式”写1为向左移动，写2为向上移动。
           文字段落可通过空白字来调整，一个空白字相当一个汉字，（打出空白字方法：将输入法切换到“智能”输入法，然
          后同时按下键盘上的V字母和1数字，    出现的第一个就空白字；也可复制这引号内的空白字→“　”）。
4、配曲参数
gqdz=配曲地址|配曲名称。背景歌曲只能添加一首，地址和名称用竖条符隔开，可只加地址不写名称，如gqdz=歌曲地址；如不要背景歌曲，可不动或去除代码。
四、实例代码

来源：
图片播放器—静态版②
图片播放器—静态版①
图片播放器—动态版

评论这张

转发至微博

阅读(913)| 评论(10)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087068085085083068081087083074072094081068080083094074085',
              blogTitle:'配乐图片浏览器-配文复制图片地址',
              blogAbstract:' \r\n<DIV style=\"BORDER-BOTTOM: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid; BACKGROUND-COLOR: #000000; MARGIN: 1px auto; WIDTH: 800px; HEIGHT: 500px; BORDER-TOP: #ffffff 1px solid; BORDER-RIGHT: #ffffff 1px solid;\"   align=\"center\"  \><EMBED height=\"500\" flashvars=\"gqdz=http://65.ierge.cn/9/147/295878.mp3|风居住的街道-轩尼诗&tp=http://img8.ph.126.net/d-jsYM891I2SA22mQIfPNQ==/1351924313158300298.jpg|http://img0.ph.126.net/v_PWBGbXSLF3eQl19gKl5g==/6598229751425298117.jpg|http://img0.ph.126.net/MlnpN8nBYHQgoSXw8Q_YJQ==/1849009122112566039.jpg|http://img6.ph.126.net/W0cK0O6FTXErQydQ4ucu9Q==/2481764869675422836.jpg&ff=http://webftp.bbs.hnol.net/zyfx/flash/13.swf###750#500|http://www.msieflash.com/xx/5/04.swf#350#260##&tptm=1\" type=\"application/x-shockwave-flash\"\></DIV\>',
              blogTag:'配乐,图片,浏览器,配文,地址',
              blogUrl:'blog/static/80745891201601485934167',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1496481153398,
              publishTime:1452733174167,
              permalink:'blog/static/80745891201601485934167',
              commentCount:10,
              mainCommentCount:5,
              recommendCount:1,
              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/80745891201601485934167">${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 - 订阅此博客

火力光波的博客

导航

日志

配乐图片浏览器-配文复制图片地址

历史上的今天

最近读者

热度

评论

页脚